Was sind die grundlegenden Filter für JQuery?

Die grundlegenden Filter von jQuery sind: 1. jQuery-erste Methode, die das erste Element des ausgewählten Elements zurückgibt; 2. jQuery-letzte Methode, die das Element mit der angegebenen Indexnummer unter den ausgewählten Elementen zurückgibt; , diese Methode gibt das Element mit der angegebenen Indexnummer unter den ausgewählten Elementen usw. zurück.

Empfehlung: „js-Video-Tutorial“

jQuery-Basisfilter

Kürzlich lernte der Redakteur die Kenntnisse von jQuery und fasst die in aktuellen Projekten verwendeten Kenntnisse zusammen.

 jQuery first()-Methode

  Die first()-Methode gibt das erste Element des ausgewählten Elements zurück.

          Das folgende Beispiel wählt das erste 25edfb22a4f469ecb59f1190150159c6-Element innerhalb des ersten ff6d136ddc5fdfeffaf53ff6ee95f185-Elements aus:

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

jQuery last()-Methode

last()-Methode gibt das letzte Element des ausgewählten Elements zurück.

Das folgende Beispiel wählt das letzte 25edfb22a4f469ecb59f1190150159c6-Element im letzten ff6d136ddc5fdfeffaf53ff6ee95f185-Element aus:

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

jQuery eq()-Methode

eq()-Methode gibt das ausgewählte Element mit der angegebenen Indexnummer zurück.

Indexnummern beginnen bei 0, daher ist die Indexnummer des ersten Elements 0 statt 1. Das folgende Beispiel wählt das zweite e388a4556c0f65e1904146cc1a846bee-Element (Indexnummer 1):

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

jQuery filter()-Methode Mit der

filter()-Methode können Sie ein Kriterium angeben. Elemente, die diesem Kriterium nicht entsprechen, werden aus der Sammlung entfernt und übereinstimmende Elemente werden zurückgegeben.

Das folgende Beispiel gibt alle e388a4556c0f65e1904146cc1a846bee-Elemente mit dem Klassennamen „intro“ zurück:

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

jQuery not()-Methode

not()-Methode gibt alle Elemente zurück, die nicht den Kriterien entsprechen.

Tipps: Die Methode not() ist das Gegenteil von filter().

Das folgende Beispiel gibt alle e388a4556c0f65e1904146cc1a846bee-Elemente ohne den Klassennamen „intro“ zurück:

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

[Beispiel]

Wenn das dynamisch generierte Menü (li-Tag) auf Ihrer Seite die erste Menüfunktion anzeigen muss default Zu diesem Zeitpunkt ist die .first-Methode sehr nützlich.

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;
}
}
}
}

Das obige ist der detaillierte Inhalt vonWas sind die grundlegenden Filter für JQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!