Looks for the class 'selected' on the matched elements. : CSS « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. CSS

Looks for the class 'selected' on the matched elements.

 


<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
               $("p:last").addClass("selected highlight");
               alert($("p:last").hasClass("selected").toString());
        });
    </script>
    <style>
      .selected { color:red; }
      .highlight { background:yellow; }
    </style>    
  </head>
  <body>
    <body>
      <p>A</p>
      <p>B</p>
      <p>C</p>
    </body>
</html>








Related examples in the same category

1.Change color for DIV
2.Change submit button background and border
3.Change background color
4.Change border style and cursor
5.Change CSS visibility to hide a tag
6.Remove style class
7.Remove the class 'highlight' from the matched elements.
8.Remove two classes
9.Remove all the classes from the matched elements.
10.Toggle the class 'highlight' when a paragraph is clicked.
11.To access the background color of a clicked div.
12.If the property name includes a "-", put it between quotation marks: