Explication détaillée des exemples de jQuery : sélecteur vide-js tutoriel-php.cn

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

黄舟

Libérer： 2017-06-23 11:18:44

original

1374 Les gens l'ont consulté

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>

Copier après la connexion

Code jQuery :

$("td:empty")

Copier après la connexion

Résultat :

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

Copier après la connexion

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")

Copier après la connexion

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"})

Copier après la connexion

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专区

Copier après la connexion

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>

Copier après la connexion

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!