Shulou(Shulou.com)05/31 Report--

This article will explain in detail several kinds of jquery basic selectors for you. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

The base selector is the most commonly used and simplest selector in jQuery. It looks for DOM elements by elements id, class, tag signatures, and so on.

Id selector

The id selector $('# id') matches an element with a given id and returns a single element

Test element

/ / Select the element whose id is test and set its font color to red $('# test') .css ('color','red')

Corresponds to the getElementById () method of DOM, which is also used internally in jQuery to process the acquisition of ID

Document.getElementById ('test'). Style.color =' red'

Element selector

The element selector $('element') matches the element based on the given element name and returns the collection element that meets the criteria

one

two

/ / Select the element with a p signature and set its font color to red $('p') .css ('color','red')

Corresponds to the getElementsByTagName () method of DOM, which is also used internally in jQuery to process the acquisition of element names

Array.prototype.forEach.call (document.getElementsByTagName ('p'), function (item,index,arr) {item.style.color = 'red';})

Class selector

The class selector $('.class') matches the element based on the given class name and returns the collection element that meets the criteria

one

two

/ / Select the element whose class is test and set its font color to red $('.test') .css ('color','red')

Corresponds to the getElementsByClassName () method of DOM, which is also used internally by jQuery to process the acquisition of class names

Array.prototype.forEach.call (document.getElementsByClassName ('test'), function (item,index,arr) {item.style.color =' red';})

Wildcard selector

The wildcard selector $('*') matches all elements in the document and returns collection elements

$('*). Css ('margin','0')

Document.all set corresponding to DOM

Array.prototype.forEach.call (document.all,function (item,index,arr) {item.style.margin = 0;})

Or the getElementsByTagName () method whose argument is wildcard *

Array.prototype.forEach.call (document.getElementsByTagName ('*'), function (item,index,arr) {item.style.margin = 0;})

Group selector

Group selector $('selector1,selector2, …') Merge the elements matched by each selector and return the collection elements

one

23 css / Select the element that meets the criteria and set its font color to red $('.a, # bjinaga'). Color ('font)

QuerySelectorAll () selector corresponding to DOM

Array.prototype.forEach.call (document.querySelectorAll ('.a, # bPoweraga'), function (item,index,arr) {item.style.color = 'red';}); this is the end of this article on "there are several jquery basic selectors". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.

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.