jQuery selector

jQuery Selectors

jQuery selectors allow you to operate on groups of HTML elements or individual elements.

jQuery Selectors

jQuery selectors allow you to operate on groups of HTML elements or individual elements.

jQuery selectors "find" (or select) HTML elements based on the element's id, class, type, attributes, attribute values, etc. It is based on existing CSS selectors, in addition to some custom selectors.

All selectors in jQuery begin with a dollar sign: $().

Element Selector

jQuery element selector selects elements based on their name.

Select all

elements in the page:

$("p")

Example

After the user clicks the button, all< p> All elements are hidden:

       
  
这是一个标题
 
这是一个段落。
 
这是另一个段落。
 点我  

#id selector

jQuery #id selector selects the specified element through the id attribute of the HTML element .

The id of the element in the page should be unique, so if you want to select the only element in the page, you need to use the #id selector.

The syntax for selecting elements by id is as follows:

$("#test")

      
  
好好学习
 
天天向上
 
PHP测试
 点我  

.class selector

The jQuery class selector can find elements by specifying the class.

The syntax is as follows:

$(".test")

GrammarDescription

$("*") Select all elements Select the

whose class is intro Elements

$("p:first") Selects the first

element li> element

$("ul li:first-child") Selects the first

element of each

element

$("[href]" ) Select element with href attribute

$ ("a [target = '_lank']") Select all target attribute values equal to "_blank" & lt; a & gt; element

## $ ( "a[target!='_blank']") Select all elements whose target attribute value is not equal to "_blank"
$(":button") Select all< of type="button" Input & gt; element and & lt; button & gt; element
$ ("tr: event") Select the even position of & lt; tr & gt
$ ("tr: ODD"). The element

Using jQuery functions in standalone files

If your website contains many pages and you want your jQuery functions to be easy to maintain, then please Put your jQuery functions into separate .js files.

When we demonstrate jQuery in the tutorial, we add the function directly into the section. However, it would be better to put them in a separate file, like this (referencing the file via the src attribute):