To format the text as bold use $('#test_div').css('font-weight', 'bold') įor underline use $('#test_div').css('text-decoration', 'underline') Īnd finally to format the text as italic use $('#test_div'). $('#test_div').css('font-family', 'Roboto') // google font, must be loaded first Format text as bold, italic and underline $('#test_div').css('font-family', 'arial') // default font Here an excellent article on adding Google font on your project. Please note if you are using external font, make sure you load them first. To change the font size, on the first parameter give font-family and then on the second parameter give the font name. $('#test_div').css('font-size', '2rem') // using hexcode Change the font family To change the font size, on the first parameter give font-size and then on the second parameter or desired font size it can be in pixel or rem as well. $('#test_div').css('color', '#FFFFFF') // using hexcode Change the font size $('#test_div').css('color', 'red') // using color name Example 3 :- jQuery change () event with JavaScript GetElementById. Example 2 :- jQuery get the selected dropdown value on change by name. To achieve this feat you can use various methods, two of those methods will be explained below. Suppose, you have a select element and you need to select one of its options based on one of its values.
#Selected text color change in jquery code
Example 1 :- jQuery get the selected dropdown value on change by id. With jQuery, it is easy to writing one line of code to change the selected value from a drop-down list. To change the color on the first parameter give color and then on the second parameter give desired color name or hexcode. Parameters of jQuery change () Event Method. For simplicity let us use this is a test div Let us add a div with an ID on which we will do all the manipulation.
You can learn more at their official documentation. css() method which will help us to add dynamic text styles in jQuery. Format text as bold, italic and underlineīefore getting started, let me introduce to.
0 kommentar(er)
