Shulou(Shulou.com)06/01 Report--

Editor to share with you how to use element selector and attribute selector in jQuery. I hope you will get something after reading this article. Let's discuss it together.

JQuery selector

The jQuery selector allows you to manipulate groups of HTML elements or individual elements.

The jQuery element selector and attribute selector allow you to select HTML elements by signature, attribute name, or content.

In HTML DOM terminology: selectors allow you to operate on groups of DOM elements or individual DOM nodes.

JQuery element selector

JQuery uses the CSS selector to select the HTML element.

$("p") Select

element.

$("p.intro") select all class= "intro"

element.

$("p#demo") select all id= "demo"

element.

JQuery property Selector

JQuery uses XPath expressions to select elements with a given attribute.

$("[href]") selects all elements with the href attribute.

$("[href=" # "]") selects all elements with a href value equal to "#".

$("[hrefraction =" # "]") selects all elements with a href value not equal to "#".

$("[href$=" .jpg "]") selects all elements whose href values end with ".jpg".

JQuery CSS selector

The jQuery CSS selector can be used to change the CSS attribute of the HTML element.

$(document) .ready (function () {$("button") .click (function () {$("p"). Css ("background-color", "red");}); This is a heading

This is a paragraph.

This is another paragraph.

Click me

Note: when you click the button (button) in this example, the background color of all p elements will be changed to red.

More selector syntax and description

$(this): current HTML element

$("p"): all

element

$("p.intro"): all class= "intro"

element

$(".intro"): all elements of class= "intro"

$("# intro"): the element of id= "intro"

$("ul li:first"): the first element of each

$("[href$=" .jpg "]"): all href attributes with attribute values ending with ".jpg"

$("div#intro .head"): all elements of id= "head" in the element of class= "intro"

After reading this article, I believe you have some understanding of "how to use element selector and attribute selector in jQuery". If you want to know more about it, you are welcome to follow the industry information channel. Thank you for reading!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.