Quels sont les filtres de base pour jquery

Les filtres de base de jquery sont : 1. première méthode jQuery, qui renvoie le premier élément de l'élément sélectionné ; 2. dernière méthode jQuery, qui renvoie l'élément avec le numéro d'index spécifié parmi les éléments sélectionnés ; , méthode jQuery eq, cette méthode renvoie l'élément avec le numéro d'index spécifié parmi les éléments sélectionnés, etc.

Recommandé : "Tutoriel vidéo js"

Filtre de base jQuery

Récemment, l'éditeur apprend les connaissances de jQuery et résume les connaissances utilisées dans les projets récents.

Méthode jQuery first()

La méthode first() renvoie le premier élément de l'élément sélectionné.

L'exemple suivant sélectionne le premier élément 25edfb22a4f469ecb59f1190150159c6 à l'intérieur du premier élément ff6d136ddc5fdfeffaf53ff6ee95f185 :

$(document).ready(function(){
  $("ul li").first();
});

méthode jQuery last()

La méthode last() renvoie le dernier élément de l’élément sélectionné.

L'exemple suivant sélectionne le dernier élément 25edfb22a4f469ecb59f1190150159c6 dans le dernier élément ff6d136ddc5fdfeffaf53ff6ee95f185 :

$(document).ready(function(){
  $("ul li").last();
});

méthode jQuery eq()

eq() renvoie l'élément avec le numéro d'index spécifié parmi les éléments sélectionnés.

Les indices commencent à 0, donc l'indice du premier élément est 0 au lieu de 1. L'exemple suivant sélectionne le deuxième élément e388a4556c0f65e1904146cc1a846bee (index 1) :

$(document).ready(function(){
  $("p").eq(1);
});

méthode jQuery filter() La méthode

filter() vous permet de spécifier un standard. Les éléments qui ne correspondent pas à ce critère sont supprimés de la collection et les éléments correspondants sont renvoyés.

L'exemple suivant renvoie tous les éléments e388a4556c0f65e1904146cc1a846bee avec le nom de classe "intro" :

$(document).ready(function(){
  $("p").filter(".intro");
});

méthode jQuery not()

not () La méthode renvoie tous les éléments qui ne correspondent pas aux critères.

Astuce : La méthode not() est l'opposé de filter().

L'exemple suivant renvoie tous les éléments e388a4556c0f65e1904146cc1a846bee sans le nom de classe "intro" :

$(document).ready(function(){
  $("p").not(".intro");
});

[Exemple]

Lorsqu'il est généré dynamiquement sur votre page Lorsque le menu ( li tag) doit afficher la première fonction de menu par défaut, la méthode .first est très utile.

function createDiv(obj){
var pathName = window.localtion.pathname;
var curfilepath = (pathName).substring(pathName.substring(1).indexOf('/')+1);
//把数据转换成树形结构
var _data = transform2NormalData(obj);
if(_data.length>0){
var fnav=$(&#39;<ul />&#39;).appendTo($(&#39;.logonav&#39;));
for(var i=0;i<_data.length;i++){
var fdata=_data[i];
var fil = $(&#39;<li>&#39;+fdata.NAME+&#39;</ul>&#39;).appendTo(fnav);
fil.data("attr",fdata);
fil.on("click",function(){
$(this).addClass(&#39;ztNav_cl&#39;).sublings().removeClass("ztNav_cl");
var data = $(this).data(&#39;attr&#39;);
var ext = parseExtext(data.EXTENSTIONS);
if(ext!="" && ext!=null){
var func=eval(ext.func);
if(typeof(func) == &#39;function&#39;){
func?func(data):false;
}
}
});
}
 
//默认显示第一个li标签中的内容
$(&#39;.logonav ul li:first&#39;).addClass(&#39;ztNav_cl&#39;).sublings().removeClass("ztNav_cl");
var data = $(this).data(&#39;attr&#39;);
var ext = parseExtext(data.EXTENSTIONS);
if(ext!="" && ext!=null){
var func=eval(ext.func);
if(typeof(func) == &#39;function&#39;){
func?func(data):false;
}
}
}
}

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!