recherche

Maison >interface Web >js tutoriel >Explication détaillée des exemples de jQuery : sélecteur vide

Explication détaillée des exemples de jQuery : sélecteur vide

黄舟
黄舟original
2017-06-23 11:18:441381parcourir

Aperçu

Correspond à tous les éléments vides qui ne contiennent pas d'éléments enfants ou de texte

Exemple

Description :

Trouve tous les éléments vides qui ne contiennent pas contenir des éléments enfants ou du texte Élément vide

Code HTML :

<table> <tr><td>Value 1</td><td></td></tr> <tr><td>Value 2</td><td></td></tr> </table>

Code jQuery :

$("td:empty")

Résultat :

[ <td></td>, <td></td> ]

Ce sélecteur correspond à tous les éléments vides qui ne contiennent aucun élément enfant ni texte.

Remarque : Les espaces sont également inclus dans les éléments du sélecteur.

Structure grammaticale : 

$(":empty")


Ce sélecteur est généralement utilisé en conjonction avec d'autres sélecteurs, tels que le sélecteur de classe et le dispositif de sélection d'élément etc. Par exemple :

Copiez le code comme suit : 

$("li:empty").animate({width:"200px"})

Le code ci-dessus peut définir la largeur de l'élément li vide dans la collection d'éléments li à 200 px dans une animation personnalisée. .

Exemple de code :

Exemple un :






脚本之家






    
  
  • html专区
    • 
  
  • div+css专区
    • 
  
  • Jquery专区
    • 
  
  • Javascript专区
    • 
  
  •

Exemple deux :

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>脚本之家</title>
<style type="text/css">
li {
  list-style-type:none;
  width:150px;
  height:30px;
  border:1px solid red;
}
.run{background-color:green;}
.static{background-color:#603;}
div{
  width:100px;
  height:30px;
  background-color:blue;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){ 
  $("button").click(function(){ 
    $("*:empty").animate({width:"200px"}); 
  }) 
}) 
</script>
</head>
<body>
<ul>
  <li>html专区</li>
  <li>div+css专区</li>
  <li>Jquery专区</li>
  <li>Javascript专区</li>
  <li></li>
</ul>
<div></div>
<button>点击查看效果</button>
</body>
</html>

Puisque le code ci-dessus ne spécifie pas le sélecteur :vide Sélecteur utilisé conjointement, il est donc utilisé par défaut avec le sélecteur *, qui peut définir la longueur des éléments vides dans tous les éléments à 200 px dans une animation personnalisée.

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!

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
Article précédent：La différence entre les sélecteurs jquery :has() et :contains()Article suivant：La différence entre les sélecteurs jquery :has() et :contains()

Articles Liés

Voir plus