Jquery css bold text

 var str = "Hello, World!"; var text = str.bold(); // Hello, World!

Хотя, если верить некоторым источникам, этот метод считается устаревшим и не рекомендуется к использованию.

Источник

Make bold text inside element (jQuery)

Solution 4: Question: I have a jquery that changes the text of a link like so: And html: I am trying to add bold to this link, but adding leaves them escaped in the text itself, rather than making the text bold Solution 1: sets string as HTML content, whereas sets the string as text. Solution: Using regex, you can select text between parentheses and wrap it with tag to showing bold.

Make bold text inside element (jQuery)

I’m trying to make text (fat) bold. Curretly I managed to do this whit code below:

Movie fat was been added 

But this bold tags won’t work. Now the question is how to enable html for only (fat), to be bold like this: Movie fat was been added

var boldy = (Movie[0].title) var fat = boldy.bold() $("div.container div:first").text("Movie " + (fat) + " was been added") 

$("div.container div:first").html("Hello "+(boldy)+"") 

var word ="fat" $("div:first").html("Movie "+word+" was been added")

You can use the following:

$("div.container div:first").css("font-weight","Bold"); 

That will change the property font-weight from that div to bold .

@EDIT: You can make a div with an ID and set that ID on the jQuery mention:

$("div.container div:first div#text").css("font-weight","Bold"); 

var world = 'world'; $("div").html(`Hello $ `);

var html = $("div.container div:first").html; $("div.container div:first").html(html.replace(/fat/gi, '$& ')); 

How to make matched text bold with jquery ui, I am wondering how to make the matched part of the autocomplete suggestions bold when using jquery ui autocomplete? So for example if you type in «ja» and the suggestions are javascript and java (like in the example on the jquery ui demo page) then I would like to make «ja» bold in both suggestions. Anyone …

Jquery $(‘id’).text with Bold

I have a jquery that changes the text of a link like so:

 I am trying to add bold to this link, but adding More Info leaves them escaped in the text itself, rather than making the text bold

.html() sets string as HTML content, whereas .text() sets the string as text.

Or if you wanted to get extravagant (and somewhat unnecessary):

The text() method inserts text, while the html() method inserts HTML, and tags are HTML

You can keep your .text() method by simply adding the style via the .css() method:

See working jsFiddle demo

How to make text bold, italic and underline using jQuery, To make text bold, italic and underline using jQuery, use the jQuery css () method with the CSS properties font-style, font-weight and text-decoration. You can try to run the following code to learn how to make text bold, italic and underline using jQuery − Example Live Demo

Selected text and making bold apart from first word using jQuery

I know this is something very simple but I am still new to jQuery, so I’m a little unsure how to approach. I have found a good few solutions with making the first word bold but not what I need.

I want to only make the words bold other than the first word; is this possible?

Buy This Product

I only have a example from another solution for the first word but not sure how to adjust.

$('.homepage-boxes .ty-banner__image-wrapper a').find('.ty-btn_ghost').html(function(i, h)< return h.replace(/\w+\s/, function(firstWord)< return '' + firstWord + ''; >); >); 

I have adjusted with the classes I need and the find class but I want to make the text but excluding the first word.

There are a few ways to do this. You could use a regex like / (.*)/ to match the first space followed by every other character to the end of the string as a sub match:

$('.homepage-boxes .ty-banner__image-wrapper a').find('.ty-btn_ghost').html(function(i, h)< return h.replace(/ (.*)/, " $1"); >);

Note that using parentheses in the regex allows you to refer to the matched bit using $1 , so you can provide the replacement as a string in the second argument to .replace() rather than passing a function.

How to display a particular word in bold using jquery?, Teams. Q&A for work. Connect and share knowledge within a single location that is structured and easy to search. Learn more about Teams

How to make text between parentheses bold using javascript/jquery?

I want to bold text between parentheses using jQuery / JavaScript. i.e.

Text between parentheses should be bold using jQuery or JavaScript. Can anyone help me?

Using regex, you can select text between parentheses and wrap it with tag to showing bold.

Css — Find text string in jQuery and make it bold, Find text string in jQuery and make it bold. What I want to do is use jQuery to find a piece of text within a paragraph and add some CSS to make it bold. I can’t seem to figure out why this won’t work: $ (window).load (function () < // ADD BOLD ELEMENTS $ ('#about_theresidency:contains ("cross genre")').css (

Источник

‘How to animate text with css font-weight property in jQuery ? normal to bold

EDIT, April 2021: This is now possible to achieve either with transition: font-weight or more seamlessly with variable fonts.

Sadly I think this is impossible.

Each character in a font has a specific shape. In addition, similar characters in different weights weights are also distinct—a bold character does not simply have a mathematically-defined offset from its regular counterpart.

It would be very easy to jump from regular to bold or italic with jQuery.css(), but there it is currently impossible to jQuery.animate() the transition of font-weight in the browser. It is hard to do in animation as well because there are no “frames” between the different weights, as they are all drawn separately.

However,

If you choose a font that has a consistant spacing of letters for the different weights—such as Exo—and do a stepped animation from thin to black you might come close to the desired result.

Starting from your jsFiddle that is what I could come up with:

And the rather dumb Javascript behind it:

Text.click(function() < Text.css(); setTimeout(function()< Text.css()>, 30) setTimeout(function()< Text.css()>, 60) setTimeout(function()< Text.css()>, 90) setTimeout(function()< Text.css()>,120) setTimeout(function()< Text.css()>,150) setTimeout(function()< Text.css()>,180) setTimeout(function()< Text.css()>,210) >); 

Solution 2: [2]

You could use pure CSS, using text-shadow and the pseudo class :hover , with a transition to animate it

Also you could use jQuery, by using addClass() :

.animate < font-size: 30px; >/* Then .bold CSS class */ .bold

Or, if you wanted a toggle effect, using a ternary operator:

($(".animate").hasClass("bold")) ? $(".animate").removeClass("bold") : $(".animate").addClass("bold"); 

Solution 3: [3]

You can check it in action on this website when hovering over brand names — https://www.ahundredmonkeys.com/

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Источник

.text()

Get the combined text contents of each element in the set of matched elements, including their descendants, or set the text contents of the matched elements.

Contents:

.text() Returns: String

Description: Get the combined text contents of each element in the set of matched elements, including their descendants.

version added: 1.0 .text()

Unlike the .html() method, .text() can be used in both XML and HTML documents. The result of the .text() method is a string containing the combined text of all matched elements. (Due to variations in the HTML parsers in different browsers, the text returned may vary in newlines and other white space.) Consider the following HTML:

div class="demo-container">
 div class="demo-box">Demonstration Box div>
 ul>
 li>list item 1 li>
 li>list strong>item strong> 2 li>
 ul>
 div>

The code $( «div.demo-container» ).text() would produce the following result:

Demonstration Box list item 1 list item 2

The .text() method cannot be used on form inputs or scripts. To set or get the text value of input or textarea elements, use the .val() method. To get the value of a script element, use the .html() method.

As of jQuery 1.4, the .text() method returns the value of text and CDATA nodes as well as element nodes.

Example:

Find the text in the first paragraph (stripping out the html), then set the html of the last paragraph to show it is just text (the red bold is gone).

Источник