: Définition et utilisation du sélecteur parent :
Ce sélecteur correspond aux éléments qui contiennent des éléments enfants ou du texte.
Remarque : les espaces sont également considérés comme des éléments contenus.
Structure grammaticale :
$(":parent")Ce sélecteur est généralement utilisé en conjonction avec d'autres sélecteurs, tels que le sélecteur de classe et le sélecteur d'élémentAttendez. Par exemple :
$("div:parent").animate({width:"300px"})Le code ci-dessus peut définir la largeur d'un div contenant du texte ou des éléments à 300 px.
S'il n'est pas utilisé avec d'autres sélecteurs, l'état par défaut doit être utilisé avec le sélecteur *, par exemple, $(":parent") est équivalent à $("*:parent").
Exemple de code :
Exemple 1 :
蚂蚁部落 我是文本
Le code ci-dessus peut définir la largeur d'un div contenant du texte ou des éléments dans une animation personnalisée 300. .
Exemple 2 :
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style type="text/css">
div{
list-style-type:none;
width:150px;
height:30px;
border:1px solid red;
}
span{border:1px solid green;}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("*:parent").animate({width:"300px"})
})
})
</script>
</head>
<body>
<div>我是文本</div>
<div></div>
<span>大家好</span>
<button>点击查看效果</button>
</body>
</html>Étant donné que le code ci-dessus ne spécifie pas de sélecteur à utiliser avec le sélecteur :parent, il est utilisé avec le sélecteur * par défaut, le code peut donc La largeur de l'élément contenant le texte et les éléments est définie sur 300 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!
Que sont les plug-ins jquery ?
Comment faire fonctionner json avec jquery
Comment supprimer des éléments dans jquery
Utilisation de la méthode jQuery hover()
jquery implémente la méthode de pagination
Qu'est-ce qu'un élément caché dans jquery
Qu'est-ce qui est mis en évidence dans jquery
Utilisation du cordon
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
