So verwenden Sie die einzelnen Methoden in jQuery in einem Projekt-js-Tutorial-php.cn

So verwenden Sie die einzelnen Methoden in jQuery in einem Projekt

php中世界最好的语言

Freigeben： 2018-06-15 15:40:34

Original

1543 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie die einzelnen Methoden in jQuery im Projekt verwenden. Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Ü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 einer Fortsetzung entspricht.

Syntax:

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

Nach dem Login kopieren

1. Traverse js array

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

Nach dem Login kopieren

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

Nach dem Login kopieren

3. Durchlaufen Sie JSON-Objekte

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

Nach dem Login kopieren

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

Nach dem Login kopieren

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='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>

Nach dem Login kopieren

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:

Angular CLI+Angular 5 praktische Projektdemonstration

React Rendering Transformation auf der Serverseite

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die einzelnen Methoden in jQuery in einem Projekt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!