Heim > Web-Frontend > js-Tutorial > Hauptteil

Verwenden Sie jQuery, um die Auswahlergebnisse_jquery zu verwalten

WBOY
Freigeben: 2016-05-16 16:19:01
Original
1157 Leute haben es durchsucht

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

           

           

           

           

           

           

    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:

    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage