Maison >interface Web >js tutoriel >la méthode d'obtention d'objets de jquery est suffisante pour gérer divers types courants d'objets_jquery

la méthode d'obtention d'objets de jquery est suffisante pour gérer divers types courants d'objets_jquery

WBOY
WBOYoriginal
2016-05-16 16:48:121213parcourir
(1) Acquisition d'objets de base

$("*")
Obtenir tous les objets

$("#element")
Obtenir l'identifiant comme element L'objet est équivalent à document.getElementById("element");

$(".abc")
Obtenir l'objet avec la classe abc

$("div")
Obtenez tous les éléments div en html

$("#a,.b,p")
Obtenez l'identifiant a et la classe b et tous les éléments p

$("# a .b p")
Récupérez l'élément p sous l'élément avec l'identifiant a et la classe b

(2) Récupérez l'objet hiérarchique

$("div> input")
Obtenir tous les objets d'entrée sous div

$("div h")
Obtenir un élément h immédiatement après le div

$("div~p ")
Obtenir tous les éléments p après l'élément div

(3) Acquisition d'objet simple

$("element:first")
Obtenir le premier élément sur la page tel que $("div:frist") représente le premier div

$("element:last")
Obtient le dernier élément de la page tel que $("div:frist" ) représente le dernier div

$("element:not(selector)")
Supprimez tous les éléments correspondant au sélecteur tels que $("input:not(:check )") représente toutes les cases à cocher non cochées

$("element:even")
Obtient les lignes paires d'éléments d'élément

$("element:odd")
Obtient la ligne impaire d'éléments

$("element:eq(index)")
Obtenir l'élément avec un index spécifique tel que $("div:el(2)") pour le troisième div

$("element :gt(index)")
Correspond à tous les éléments supérieurs à la valeur d'index donnée

$("element:lt(index)")
Correspond à tous les éléments inférieurs à l'index donné

$(":header")
Correspond aux éléments marqués en h

$("element:animated")
Correspond à tous les éléments qui n'effectuent pas d'effets d'animation Éléments de

(4) Acquisition d'objets de contenu et visibilité des objets

$("Element:contains(text)")
Texte dans les éléments Qu'il contienne une certaine lettre ou chaîne

$("Element:empty")
Obtenir un objet élément qui ne contient ni texte ni sous-éléments

$("Element:parent")
Obtenir l'objet élément contenant du texte ou des sous-éléments

$("Element:has(selector)")
Détermine si un certain élément contient un certain élément tel que $("p:has(span) ") signifie tous les éléments p contenant des éléments span

$("Element:hidden")
correspond à tous les éléments invisibles, y compris display:none et les éléments dont l'attribut d'entrée est masqué

$("Element: visible")
Faire correspondre tous les éléments du didacticiel

(5) Acquisition d'objets avancée

$("Element[id]")
Obtenir tous les éléments avec attribut id

$("Element[attribute=abcd]")
Obtenir tous les éléments avec un attribut de abcd

$("Element [attribute!=abcd]")
Récupère tous les éléments dont l'attribut n'est pas abcd

$("Element[attribute^=ab]")
Récupère tous les éléments dont l'attribut commence par ab Les éléments de

$(" Element[attribute$=ab]")
Obtenir tous les éléments avec un attribut se terminant par ab

$("Element[attribute*=ab]" )
Obtenir tous les éléments avec un attribut contenant ab

$("Element[selector1][selector2][...]")
Conforme aux sélecteurs d'attributs tels que $(" input[id][name][value=abcd]") signifie obtenir l'élément d'entrée avec l'ID, le nom et la valeur abcd

(6) Obtention des sous-éléments

$("Element:nth-child(index)" )
Sélectionnez le Nième élément enfant sous le parent, l'index commence à partir de 1
:nth-child(pair) pair
:nth- child(impair) nombre impair
:nth-child(3n ) expression
:nth-child(2) index
:nth-child(3n 1) expression

$(" Element:first-child")
Le premier élément enfant sous le parent

$("Element:last-child")
Le dernier élément enfant sous le parent

$("Element:only-child")
Le seul élément enfant sous le parent

(7) Obtention de l'objet de formulaire

$(:input)
Peut uniquement correspondre au type d'élément d'entrée, bouton d'entrée, sélectionnez zone de texte

$(:text)
Toutes les zones de texte de la ligne actuelle

$(:password)
Toutes les zones de mot de passe

$(:radio)
Tous les boutons radio

$(:checkbox)
Toutes les cases à cocher

$( :submit)
Tous les boutons de soumission

$(:image)
Tous les champs d'image
$(:reset)
Tous les boutons de recharge

$(:button )
Tous les boutons

$(:file)
Tous les champs de téléchargement de fichiers

$(:hidden)
Tous les éléments invisibles ou éléments de type caché

$(:enabled)
Tous les éléments d'entrée disponibles

$(:disabled)
Tous les éléments de saisie désactivables

$(:checked)
Tous les éléments de case à cocher

$(:selected)
Tous les tableaux déroulants

(8) Définition et suppression des attributs d'élément

$("Element").attr(name)
Obtenir la valeur d'attribut du premier élément correspondant tel que $("img").attr ("src");

$("Element") .attr({key:value,key:value,......})
Définir plusieurs attributs pour un élément à la fois

$("Element").attr(key, value)
Définir un attribut pour un élément

$("Element").attr(key,function)
Set un attribut calculé pour tous les éléments correspondants

$ ("Element").removeAttr(name)
Supprimer un attribut
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn