Finds the element with the class "myClass". : Selector tag class « jQuery « JavaScript Tutorial

1.	Language Basics
2.	Operators
3.	Statement
4.	Development
5.	Number Data Type
6.	String
7.	Function
8.	Global
9.	Math
10.	Form
11.	Array
12.	Date
13.	Dialogs
14.	Document
15.	Event
16.	Location
17.	Navigator
18.	Screen
19.	Window
20.	History
21.	HTML Tags
22.	Style
23.	DOM Node
24.	Drag Drop
25.	Object Oriented
26.	Regular Expressions
27.	XML
28.	GUI Components
29.	Dojo toolkit
30.	jQuery
31.	Animation
32.	MS JScript

JavaScript Tutorial » jQuery » Selector tag class

30.11.2.Finds the element with the class "myClass".

<html>

  <head>

    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>

    <script type="text/javascript">

        $(document).ready(function(){



            $(".myClass").css("border","3px solid red");



        });

    </script>

  </head>

  <body>

    <body>

          <div class="myClass">div class="myClass"</div>



          <span class="myClass">span class="myClass"</span>

    </body>

</html>

30.11.Selector tag class
	30.11.1.	Finds every DIV element.
	30.11.2.	Finds the element with the class "myClass".
	30.11.3.	Finds the elements that match any of these three selectors.
	30.11.4.	Get last paragraph and add class
	30.11.5.	Select tag by name
	30.11.6.	Select tag and its class
	30.11.7.	Select from nested classes
	30.11.8.	Select based one just added
	30.11.9.	Matches all elements with the given class
	30.11.10.	Query just added tags
	30.11.11.	Find the very next sibling of each paragraph that has a class "selected".

java2s.com | Contact Us | Privacy Policy

All other trademarks are property of their respective owners.