Home > Web Front-end > JS Tutorial > jquery's method of obtaining objects is sufficient to handle various common types of objects_jquery

jquery's method of obtaining objects is sufficient to handle various common types of objects_jquery

WBOY
Release: 2016-05-16 16:48:12
Original
1210 people have browsed it
(1) Basic object acquisition

$("*")
Get all objects

$("#element")
Get the id as element The object is equivalent to document.getElementById("element");

$(".abc")
Get the object with class abc

$("div")
Get all div elements in html

$("#a,.b,p")
Get id a and class b and all p elements

$("# a .b p")
Get the p element under the element with id a and class b

(2) Get the hierarchical object

$("div> input")
Get all input objects under div

$("div h")
Get an h element immediately after the div

$("div~p ")
Get all p elements after the element div

(3) Simple object acquisition

$("element:first")
Get The first element of an element on the page, such as $("div:frist"), represents the first div

$("element:last")
Gets the last element of an element on the page, such as $("div:frist") represents the last div

$("element:not(selector)")
Remove all elements matching the selector such as $("input:not(:check )") represents all unchecked checkboxes

$("element:even")
Gets the even rows of element elements

$("element:odd")
Get the odd row of elements

$("element:eq(index)")
Get the element with a specific index such as $("div:el(2)") for the third div

$("element:gt(index)")
Matches all elements greater than the given index value

$("element:lt(index)")
Matches all Elements less than the given index

$(":header")
Matches h-tagged elements

$("element:animated")
Matches all elements that do not perform animation effects Elements of

(4) Acquisition of content objects and visibility of objects

$("Element:contains(text)")
Text in elements Whether it contains a certain letter or string

$("Element:empty")
Get an element object that does not contain text or sub-elements

$("Element:parent")
Get the object element containing text or sub-elements

$("Element:has(selector)")
Match whether a certain element contains a certain element such as $("p:has(span) ") means all p elements containing span elements

$("Element:hidden")
matches all invisible elements, including display:none and elements whose input attribute is hidden

$("Element:visible")
Match all courseware elements

(5) Advanced object acquisition

$("Element[id]")
Get all elements with id attribute

$("Element[attribute=abcd]")
Get all elements with an attribute of abcd

$("Element [attribute!=abcd]")
Get all elements whose attribute is not abcd

$("Element[attribute^=ab]")
Get all elements whose attribute starts with ab The elements of

$("Element[attribute$=ab]")
Get all the elements with an attribute ending in ab

$("Element[attribute*=ab]" )
Get all elements with an attribute containing ab

$("Element[selector1][selector2][...]")
Conform to attribute selectors such as $(" input[id][name][value=abcd]") means to obtain the input element with ID, Name and value abcd

(6) Obtaining sub-elements

$("Element:nth-child(index)")
Select the Nth child element under the parent, the index starts from 1
:nth-child(even) even
:nth- child(odd) odd number
:nth-child(3n) expression
:nth-child(2) index
:nth-child(3n 1) expression

$(" Element:first-child")
The first child element under the parent

$("Element:last-child")
The last child element under the parent

$("Element:only-child")
The only child element under the parent

(7) Obtaining the form object

$(:input)
Can only match the input element type input button select textarea

$(:text)
All current line text boxes

$(:password)
All password boxes

$(:radio)
All radio buttons

$(:checkbox)
All checkboxes

$( :submit)
All submission buttons

$(:image)
All image fields
$(:reset)
All recharge buttons

$(:button )
All buttons

$(:file)
All file upload fields

$(:hidden)
All invisible elements or elements of type hidden

$(:enabled)
All available input elements

$(:disabled)
All disableable input elements

$(:checked)
All checkbox elements

$(:selected)
All drop-down tables

(8) Setting and removing element attributes

$("Element").attr(name)
Get the attribute value of the first matching element such as $("img").attr("src");

$("Element") .attr({key:value,key:value,...})
Set multiple attributes for an element at once

$("Element").attr(key, value)
Set an attribute for an element

$("Element").attr(key,function)
Set a calculated attribute for all matching elements

$ ("Element").removeAttr(name)
Remove an attribute
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 Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template