CSS Selector in jQuery

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

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 are used to 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 example

The following example 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 

It will produce the following result:

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

Apply many CSS properties in jQuery

 

4 ★ | 2 Vote | 👨 189 Views
« PREV POST
NEXT POST »