Analyse de l'utilisation de la fonction jQuery.andSelf()

La fonction

andSelf() est utilisée pour ajouter l'élément précédemment correspondant à l'élément actuellement correspondant et le renvoyer sous la forme d'un nouvel objet jQuery.

L'objet jQuery actuel peut être créé en appelant une méthode spécifique d'autres objets jQuery. L'utilisation de cette fonction renverra un nouvel objet jQuery qui contient toutes les correspondances entre l'objet jQuery actuel et l'objet jQuery qui l'a créé précédemment. élément.

Cette fonction appartient à l'objet (instance) jQuery.

Syntaxe

Cette fonction a été ajoutée dans jQuery 1.2, mais est marquée comme obsolète à partir de la 1.8. À partir de jQuery 1.8, utilisez plutôt la fonction addBack().

jQueryObject.andSelf( )

Valeur de retour

andSelf()La valeur de retour de la fonction est de type jQuery et renvoie un nouvel objet jQuery qui contient tous les éléments correspondant à l'objet jQuery actuel et à l'objet jQuery qui l'a créé.

S'il n'y a aucun élément correspondant, renvoie un objet jQuery vide.

À partir de jQuery 1.8, la fonction andSelf() est un alias de la fonction addBack().

Détails : Lorsqu'un objet jQuery est créé, il existe un attribut(prevObject) interne qui enregistrera la référence de l'objet jQuery qui l'a créé. Lorsque la fonction andSelf() est appelée, le jQuery actuel et l'objet jQuery qui l'a créé sont connectés via la fonction add() et un nouvel objet jQuery est renvoyé.

Exemple et description

Prenons le code HTML suivant comme exemple :

<p id="n1">
    <span id="n2">
        <span id="n3">A</span>
    </span>
    <label id="n4">B</label>
    <span id="n5">
        <span id="n6">C</span>
    </span>
    <strong id="n7" class="active">D</strong>
    <span id="n8" class="active">E</span>
</p>
<p id="n9">
    <span id="n10"></span>
    <label id="n11"></label>
    <span id="n12" class="active"></span>
</p>

L'exemple de code jQuery suivant est utilisé pour démontrer l'utilisation spécifique de andSelf() fonction :

//返回jQuery对象所有匹配元素的标识信息数组
//每个元素形如：#id
function getTagsInfo($doms){
    return $doms.map(function(){
        return "#" + this.id;
    }).get();
}
//匹配所有的p元素
var $p = $("p");
// 选取所有p元素的后代label元素
var $label = $p.find("label");
// 由于jQuery对象$label是通过$p的特定方法创建，使用andSelf()将返回一个新的jQuery对象
// 该对象所匹配的元素是$p和$label两者的匹配元素之和
var $pAndLabel = $label.andSelf();
document.writeln( getTagsInfo( $pAndLabel ) ); // #n1,#n4,#n9,#n11
// 所有包含类名"active"的span元素和它们的上一个紧邻的同辈元素
var $elements =  $("span.active").prev().andSelf();
document.writeln( getTagsInfo( $elements ) ); // #n7,#n8,#n11,#n12
// andSelf()之前有3个jQuery对象：
// 第1个：$("p")
// 第2个：$("p").find("strong")
// 第3个：$("p").find("strong").siblings(".active")
// 调用andSelf()的是第3个对象，创建该对象的是第2个对象
// 因此andSelf()返回包含第3个对象和第2个对象的匹配元素之和的jQuery对象
var $matches = $("p").find("strong").siblings(".active").andSelf();
document.writeln( getTagsInfo( $matches ) ); // #n7,#n8

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!