What types of JQuery selectors are there?

##Select the element with id=a.class$(“.b”)Select class=b Elementelement$(“p”)All

elements

##.class.classBasic filter selector:first:last:odd:even:ep(n):gt(n):lt(n ):root:header():lang:not:hidden:visibleChild 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-typeContent 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!