Heim  >  Artikel  >  Web-Frontend  >  Anwendungsfall jeder Methode in jQuery

Anwendungsfall jeder Methode in jQuery

php中世界最好的语言
php中世界最好的语言Original
2018-05-10 11:58:561414Durchsuche

Dieses Mal werde ich Ihnen einen Anwendungsfall für jede Methode in jQuery vorstellen. Was sind die Vorsichtsmaßnahmen bei der Verwendung jeder Methode in jQuery? Hier sind praktische Fälle.

Übersicht:

Die Methode every() gibt eine Funktion an, die für jedes übereinstimmende Element ausgeführt werden soll.

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 äquivalent zu continue ist.

Syntax:

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

1. Durchlaufen Sie das js-Array

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

2 Objektobjekt

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 von JSON-Objekten

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

4. Durchlaufen von 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. Durchqueren 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='button']").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>
Ich glaube, Sie haben die Methode beherrscht, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Schritte zum Ersetzen von Knotenelementen durch jQuery

Detaillierte Erläuterung von Interaktionsbeispielen zwischen Servlet3.0 und JS über Ajax

Das obige ist der detaillierte Inhalt vonAnwendungsfall 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