Verwenden Sie jQuery, um die Auswahlergebnisse_jquery zu verwalten

Die mit jQuery ausgewählten Elemente sind Arrays sehr ähnlich. Sie können über eine Reihe von Methoden verarbeitet werden, die von jQuery bereitgestellt werden, einschließlich Länge, Suchen eines Elements, Abfangen eines Absatzes usw.

1. Ermitteln Sie die Anzahl der Elemente.

In jQuery können Sie die Anzahl der Elemente im Selektor über die Methode size() ermitteln, die dem Längenattribut in einem Array ähnelt und einen ganzzahligen Wert zurückgibt, zum Beispiel:

$("img").size()
Holen Sie sich die Anzahl aller Bilder auf der Seite

Das Folgende ist ein Beispiel für das Hinzufügen von Div-Blöcken durch kontinuierliches Klicken und Berechnen der

-Blöcke.

Code kopieren Der Code lautet wie folgt:

          div {
Rand: 1 Pixel durchgehend #003a75;
                  Hintergrundfarbe: #FFFF00;
                   Rand: 5px;
                   Polsterung: 20px;
                    text-align: center;
Höhe: 20px;
                     Breite: 20 Pixel;
float: links;
            }
}
                                                                                           

")); //Div-Block hinzufügen
                    $("#number").html(i);
            }
                                                                                     

Die Seite enthält insgesamt 0 Klicken Sie, um

hinzuzufügen
2. Elemente extrahieren

Wenn Sie im Selektor in jQuery ein Element extrahieren möchten, ist die Verwendung von eckigen Klammern und einer Seriennummer beispielsweise der direkteste Weg

$("img[title]")[1]

Rufen Sie das zweite Element in allen IMG-Tags ab, für die das Titelattribut festgelegt ist. jQuery bietet auch die Methode get(index) zum Extrahieren von Elementen. Der folgende Code entspricht vollständig dem obigen

$("img[title]")get(1)
Wenn die get-Methode keine Parameter festlegt, kann sie das Element in ein Array von Elementobjekten konvertieren, wie im folgenden Beispiel:

Code kopieren Der Code lautet wie folgt:

            div {
                Rand: 1px einfarbig #003a75;
                Hintergrundfarbe: #FFFF00;
                Rand: 5px;
                Polsterung: 20px;
                text-align: center;
                Höhe: 20px;
                Breite: 20px;
                float: links;
            }
        }
       
       

")) ;
            }
            $(function(){
                var aDiv = $("div").get();//转化为div对象数组
                displayleb(aDiv.reverse());
            });
       
       

1

       

2

       

3

       

4

       

5

       

6

上面代码将页面本身的6个

块用get()方法转化为数组, 然后用数组反序reverse(), 并传给displayleb()函数,再将其一个个现在页面中。

get(index)方法可以获取指定位置的元素，反过来，index(element)方法可以查找元素的element所处的位置。例如

var iNum=$("li").index($(li[title=isaac]")[0])
以上取

标记在整个

标记列表所处的位置, 并将该位置返回给整数iNum.如下举例index (Element)方法的典型运用.

例：用index()方法获取元素的序号

复制代码 代码如下:

          div {
Rand: 1 Pixel durchgehend #003a75;
                  Hintergrundfarbe: #FFFF00;
                   Rand: 5px;
                   Polsterung: 20px;
                    text-align: center;
Höhe: 20px;
                     Breite: 20 Pixel;
float: links;
            }
}
                                                                                           

          

2

          

3

          

4

         

5

          

6

                  Das

Der obige Codeblock selbst verwendet das Schlüsselwort this, um es an die Methode index() zu übergeben, erhält seine eigene Seriennummer und verwendet click(), um ein Ereignis zum Anzeigen der Seriennummer hinzuzufügen.

3. Elemente hinzufügen, löschen und filtern

Zusätzlich zum Abrufen ausgewählter Elemente bietet jQuery auch eine Reihe von Methoden zum Ändern der Elementsammlung, z. B. das Hinzufügen von Elementen mithilfe der Methode add ().

$("img[alt]").add("img[title]")

Der obige Code kombiniert das Bild mit dem Alt-Elementsatz und das Bild mit dem Titelattributsatz für den einheitlichen Versand durch andere Methoden. Es ist genau das Gleiche wie

$("img[alt],img[title]")

Sie können beispielsweise CSS-Attribute zum kombinierten Satz von Elementen hinzufügen.

$("img[alt]").add("img[title]").addClass("altcss")

Im Gegensatz zur add()-Methode kann die not()-Methode bestimmte Elemente aus der Elementmenge entfernen, um eine Menge zu bilden

$("li[title]").not("[title*=isaac]")

Der obige Code bedeutet, dass alle Tags mit festgelegtem Titelattribut ausgewählt werden, der

, dessen Titelwert „isaac“ enthält, jedoch nicht enthalten ist.

Beispiel:

Code kopieren Der Code lautet wie folgt:

            div {
                Rand: 1px einfarbig #003a75;
                Hintergrundfarbe: #FFFF00;
                Rand: 5px;
                Polsterung: 20px;
                text-align: center;
                Höhe: 20px;
                Breite: 20px;
                float: links;
            }
            .altcss {
                Rand: 2 Pixel durchgehend #000000;
            }
        }
       
       
       

       

       

       

       

       

       

Sie können Jquery verwenden, um not() zu verwenden.

not()方法所接收的参数都不能包含特定的元素,只能是通过通用的表达式例如下面的代码是错误的

$("li[title]").not("img[title*=isaac]")
正确的写法是:

$("li[tile]").not("[title*=isaac]")
Fügen Sie add() und not() hinzu, und jQuery verwendet die Funktion filter(), um die Funktion „filter()“ zu verwenden一样,接受通用的表达式。代码如下:

$("li").filter("[title*=isaac]")

与

$("li[title*=isaac]")
所筛选的组合相同.

复制代码 代码如下:

       

       

       

       

       

       

Im obigen Code sind vier der Klassenattribute „Middle“. Jq fügt zunächst CSS1-Stile zu allen Div-Blöcken hinzu und verwendet dann die Methode filter(), um CSS2-Stile zu den Divs hinzuzufügen, die „Middle“ in der Klasse enthalten.

In den Parametern von filter() können Sie nicht direkt mit match (=) gleichsetzen, Sie können nur Pre-Match (^=), Post-Match (&=) oder einen beliebigen Match (*=) verwenden.

Der andere Parametertyp von filter() ist eine Funktion, die das zurückgegebene wahre Element abgleicht und behält, andernfalls wird die Sammlung ausgeschlossen. Funktionsparameter sind sehr leistungsfähig und ermöglichen es Benutzern, Filterfunktionen anzupassen.

Zum Beispiel:

Code kopieren Der Code lautet wie folgt:

Die obige jq-Ausführung:

Fügen Sie CSS1 zu allen Divs hinzu und verwenden Sie dann die von filter() zurückgegebene Funktion, um das erste Div-Element in der Div-Liste (Index ist 1) und die ID als viertes herauszufiltern, und fügen Sie CSS2 hinzu.

4. Neue Elementgruppe abfragen und filtern

jq bietet auch einige sehr nützliche Methodenkombinationen, um durch Abfragen neue Elementkombinationen zu erhalten. Zum Beispiel die Methode find(). Filtern Sie Elemente nach passenden Selektoren

$("p").find("span")

Zeigt an, dass die Kombination, die das Tag enthält, unter dem Tag

gefunden wird
Genau gleich

Code kopieren Der Code lautet wie folgt:

$("span",$("p"))

$(function(){
$("p").find("span").addClass("css1");
});

Hallo, wie geht es dir?

bedeutet das Hinzufügen des CSS1-Stils zu Hello.

Darüber hinaus können Sie auch die Methode is() verwenden, um zu erkennen, ob das angegebene Element enthalten ist. Beispielsweise können Sie den folgenden Code verwenden, um zu erkennen, ob der

-Block ein Bild enthält.

var himg = $("div").is("img");

Stellen Sie sich vor, is() kann auch in Kombination mit filter() verwendet werden, ist das nicht sehr angenehm?

Das Obige ist der gesamte Inhalt dieses Artikels. Obwohl er etwas lang ist, empfehle ich Ihnen dennoch, ihn sorgfältig zu lesen.