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

This article focuses on "how to implement a sub-selector in jQuery". Interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn how to implement a sub-selector in jQuery.

Child element selector and visibility selector

A child element selector is a selector that allows it to be obtained using the position of the child element.

Three uses of sub-content selector

E:first-child

Select all E elements in the first position of their parent element

E:last-child

Select all E elements in the last position of their parent element

E:nth-child (n)

Select all E elements at the specified position of their parent element, starting with 1

Visibility selector, as the name implies, is to get the elements that are visible / invisible to the current page

The visibility selector is used as follows:

E:hidden

Select all invisible elements

Elements of hidden fields, display= "none", width and height=0 are all selected

E:visible

Select all visible elements

Such as:

The li element that appears in the first place of its parent element

The li element that appears in the last position of its parent element

The li element that appears in the third position of its parent element

All displayable elements

$(function () {/ / li element / $("li:first-child"). Css ("border", "1px solid red"); / / li element / / $("li:last-child"). Css ("border", "1px solid red"); / / $("ul > li:last") .css ("border", "1px solid red") / / nth-child (n) to get the li element at the specified location, nth-child (n) starts at 1, and the third element is 3. As you have learned before: eq (n) starts with 0, please pay attention to distinguish / / $("li:nth-child (3)"). Css ("border", "1px solid red"); / / get all displayable elements $(": visible"). Css ("border", "1px solid red") }) at this point, I believe you have a deeper understanding of "how to implement a sub-selector in jQuery", so you might as well do it in practice! Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

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.