suchen

Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der Verwendung jeder Methode in jQuery

Detaillierte Erläuterung der Verwendung jeder Methode in jQuery

亚连
亚连Original
2018-05-29 15:38:091502Durchsuche

Die Methode

each() gibt eine Funktion an, die für jedes übereinstimmende Element ausgeführt werden soll. Dieser Artikel führt Sie hauptsächlich in die detaillierte Erklärung der Verwendung jeder Methode in jQuery ein. Freunde, die sie benötigen, können darauf verweisen

Übersicht:

　each()-Methode wird für jede Übereinstimmung angegeben. Das Element gibt die auszuführende Funktion an.

Die Rückgabe von false kann verwendet werden, um die Schleife vorzeitig zu stoppen, was einer Unterbrechung entspricht.

Die Rückgabe von „true“ kann diese Schleife beenden, was einer Fortsetzung entspricht.

Syntax:

$(selector).each(function(index,element){ })
　　　　index - 选择器的 index 位置
　　　　element - 当前的元素（也可使用 "this" 选择器）
　　$(selector).each(function(){ })
　　$.each(array,function(Key,Value){ })

1. Traverse js array

$(function(){
 var array=["aaa","bbb","ccc"];
 $.each(array,function(i,j){
  alert(i+":"+j);　　//i表示索引，j代表值
 });
})

2 

var obj = new Object();
obj.name="zs";
$.each(obj, function(name, value) {
　　alert(this);  //this指向当前属性的值,等价于value
　　alert(name);  //name表示Object当前属性的名称
　　alert(value);  //value表示Object当前属性的值
});

3. Durchlaufen Sie JSON-Objekte 

var json ={"name":"zhangSan","role":"student"};
$.each(json,function(key,value){
 alert(key+":"+value);
});

4. Durchqueren Sie Arrays, die aus mehreren JSON-Objekten bestehen 

var json =[{"name":"Amy","role":"student"},{"name":"Tom","role":"student"}];
$.each(json, function(index, value) {
  alert("index="+index+"\n" +"name:"+value.name+"\n"+"role:"+value.role+"\n");
});

5. Durchlaufen Sie jQuery-Objekte　

<head>
  　　<meta charset="utf-8" />
  <title>遍历jQuery对象</title>
  <script src="js/jquery-1.12.4.js"></script>
  <script type="text/javascript">
   $(function(){
    $("input[type=&#39;button&#39;]").bind("click",function(){
     $("li").each(function(){
      alert($(this).text())
      });
    });
   });
  </script>
 </head>
 <body>
  <input type="button" value="触发事件"/>
  <ul>
   <li>first</li>
   <li>second</li>
  </ul>
 </body>

Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Beispiel für die Rückkehr zur Startseite der WeChat-Applet-Sharing-Seite

Nutzung und Nichtnutzung von el-Ausdrücken in js Leere Beurteilungsmethode

JS realisiert die Funktion, die linke Liste in die rechte Liste zu verschieben

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung jeder Methode in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：jquery implementiert die Funktion zum Ziehen des Datei-Uploads und zum Laden des FortschrittsbalkensNächster Artikel：jquery implementiert die Funktion zum Ziehen des Datei-Uploads und zum Laden des Fortschrittsbalkens

In Verbindung stehende Artikel

Mehr sehen