What types of JQuery selectors are there?

一个新手
Release: 2017-09-30 09:17:23
Original
1301 people have browsed it

elements

##Select the element with id=a .class $(“.b”) Select class=b Element element $(“p”) All ##.class.class Basic filter selector :first :last :odd :even :ep(n) :gt(n) :lt(n ) :root :header() :lang :not :hidden :visible Child element filter ##:first-of-type $(“p p:first-of-type”) Get p The first p tag that appears (regardless of position) :last-of-type $( "p p:last-of-type") Get the last p tag that appears in p (regardless of position) :nth-child(n) $(“p p:nth-child(2)”) Get p The second p tag (subscript starts from 1) :nth-of-type(n) $(“p p:nth-of-type(2)”) Get the second p tag that appears in p (the subscript starts from 0) :nth-last-of-type(n) :only-child ##:only-of-type Content filter $("p:contains(123)") Get all tags containing "123" in the p tag $(“p:empty”) Get the p tag All elements without content (spaces count as content) $(“p: has(P)”) Get all p $(“p:parent”) Get the p of grapefruit elements in all elements (including text nodes) $ (“:text”) Select all fields whose type is text or those whose type has no attribute $(“:password”) Select all those of type password $(“:reset”) Select all those of type checkbox (multiple selection) Select all those of type radio (single selection) Select all upload domains

Selector

##Instance

Explanation

Basic Selector

*

$(*)

Select all elements

#id

$(“#a”)

$(“.a.b”)

Select all elements with class=a and class=b

$(“p:first”)

Select the first p element

##$(“p:last”)

Select the last p element

$(“p :odd”)

Select all p elements in odd positions

$(“p:even”)

Select all p elements in even positions

$(“p:eq(n)”)

Select the nth p element (index Starting from 0)

$(“li:gt(n)”)

Select all li elements before the nth position (excluding the nth position)

$(“li:lt(n)”)

Select all li elements after the nth position (excluding the nth bit)

$(“p:root”)

Select the root element of p (when no tag is written, it means selecting the global root element)

$(“p:header)

Select all titles in the P tag (if no tag is written, it means selecting the global title)

$(“p:lang(language)”)

Tag P Select the specified language (if no tag is written, it means selecting the global title)

$(“ li:not(.active)”)

Select elements other than .active

$(“p:hidden”)

Hide all P tags

$(“p:visible”)

##Display all p tags

:target
$(“:target”)

Select all elements in the target state

:anmated
$(“p:anmated”)

Get Running animation

:first-child

##$(“p p:first-last”)

Select the first child element with tag P in p

:last-child

$ ("p p:last-child")

Select the last child element of tag p in p (no position limit)

##$(“p p:nth-last-of-type(n )”)

Get the last p tag appearing in p

$(“p p:only-child”)

Get the only child element p

# in p

$(“p p:only-of-type”)

## Get the only tag of p among peers p

:only-of-type(even/odd)
$(“p p:only-of-type(even/odd)”)

Get all odd or even P tags in p (the subscript starts from 1)

##:contains()

:empty

:has()

:parent

Form Selector

:text

:password

##:reset

##Select all ## whose type is reset (reset)

#:button

$(“:button”)
Select All types of button(button)

##:checkbox

$(“:checkbox”)

##:radio

$(“:radio”)

:file

$(“:file”)

:image

$(“:image”)

Select all images button

:input

$(“:input”)

Select all input, textarea, select, button elements

:enabled

$(“:enabled”)

Select all available input

:disabled

$(“:disabled”)

Select all unavailable input

##:select

$(“:select”)

The option element in the selected state

:checked

$(“:checked ”)

The input element in the selected state (checked)

:focus

$(“:focus”)

Select the page and enter the focused input

The above is the detailed content of What types of JQuery selectors are there?. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!