Comment écrire un sélecteur jquery

jquery est un framework JS qui simplifie de nombreuses méthodes d'écriture js, le rendant plus simple et plus efficace. Alors, comment écrire des sélecteurs jquery ? Voici plusieurs sélecteurs couramment utilisés pour votre référence.

Sélecteurs jQuery

Les sélecteurs jQuery vous permettent d'opérer sur des groupes d'éléments HTML ou sur des éléments individuels.

Les sélecteurs jQuery « recherchent » (ou sélectionnent) des éléments HTML en fonction de l'identifiant, de la classe, du type, des attributs, des valeurs d'attribut de l'élément, etc. Il est basé sur des sélecteurs CSS existants, en plus de certains sélecteurs personnalisés.

Tous les sélecteurs dans jQuery commencent par un signe dollar : $().

Sélecteur d'éléments

Le sélecteur d'éléments jQuery sélectionne les éléments en fonction de leur nom.

Sélectionnez tous les éléments

de la page :

$("p")

Instance

Une fois que l'utilisateur clique sur le bouton, tous les éléments

 
 

<script>
$(document).ready(function(){
  $("button").click(function(){
    $(&quot;p&quot;).hide();
  });
});
</script>




这是一个标题
这是一个段落。
这是另一个段落。
点我

#id selector

jQuery #id selector sélectionne l'élément spécifié via l'attribut id de l'élément HTML.

L'identifiant de l'élément dans la page doit être unique, donc si vous souhaitez sélectionner l'élément unique dans la page, vous devez passer le sélecteur #id.

La syntaxe de sélection des éléments par identifiant est la suivante :

$("#test")

Exemple

Lorsque l'utilisateur clique sur le bouton, l'élément avec l'id="test" l'attribut sera masqué :

 
 

<script>
$(document).ready(function(){
  $("button").click(function(){
    $(&quot;#test&quot;).hide();
  });
});
</script>




这是一个标题
这是一个段落
这是另外一个段落
点我

.class selector

le sélecteur de classe jQuery peut trouver des éléments par la classe spécifiée.

La syntaxe est la suivante :

$(".test")

Instance

Après que l'utilisateur clique sur le bouton, tous les éléments avec les attributs class="test" sont masqués :

 
 

<script>
$(document).ready(function(){
  $("button").click(function(){
    $(&quot;.test&quot;).hide();
  });
});
</script>




这是一个标题
这是一个段落。
这是另外一个段落。
点我

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!