CSS Selector in Jquery: What You Need to Know

The jQuery library supports almost all Selector in Cascading Style Sheet (CSS), when mentioned on the World Wide Web Consortium.

Using the jQuery library, programmers can upgrade their Websites without worrying about their browsers and versions, as long as these browsers have JavaScript enabled.

Most jQuery CSS methods do not modify the content of jQuery objects and they help apply CSS properties on DOM elements.

Apply CSS properties in jQuery

It's really simple to apply CSS properties using jQuery's css (PropertyName, PropertyValue) method .

Here is the syntax for this method:

 selector .css( PropertyName, PropertyValue );

Here, you can pass PropertyName as a JavaScript string and based on its value, PropertyValue can be a string or an integer.

For instance,

the example below adds the Font color to the third item list :

 The jQuery Example  type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" >  type = "text/javascript" language = "javascript" > $ ( document ). ready ( function () { $ ( "li" ). eq ( 2 ). css ( "color" , "red" ); }); 

 list item 1 list item 2 list item 3 list item 4 list item 5 list item 6