jquery 筆記


函數 Jquery([selector,[content]]);
1  找到所有 p 元素，并且這些元素都必須是 div元素的子元素。
$(function(){
$("div > p");
});


2 設置頁面背景色。
$(function(){
$(document.body).css("background","yellow");
});


3 隱藏一個表單中所有元素。
$(function(){
$(myform.elements).hide();
});


4 在文檔的第一個表單中，查找所有的單選按鈕(即: type 值為 radio 的 input 元素)。


$(function(){
$("input:radio",document.forms[0]);
});
5 在一個由 AJAX 返回的 XML 文檔中，查找所有的 div 元素。
$(function(){
$("div",xml.responseXML);
});


jQuery(html,[ownerDocument]);
$("<div><p>hello</p></div>").appendTo("body");
$("<input type='checkbox'>");
$("<div>",{
"class":"test",
"text":"Click me!",
     click: function(){
        $(this).toggleClass("test");
     }
}).appendTo("body");
//創(chuàng)建一個 <input> 元素，同時設定 type 屬性、屬性值，以及一些事件。


<!---   錯誤提醒     -->


//這個地方一定要記得是寫成$("<input>",{}).appendTo("body");而不是 $("input",{}).appendTo("body");
是appendTo("body") 不是appendTo(body);
一開始寫成了  class:test, 忘記了雙引號 應該是class:"text"  下次看到：要記得思考是否有雙引號
$.holdReady(true);
$.getScript("min.js",function(){
$.holdReady(false);
});
以每一個匹配的元素作為上下文來執(zhí)行一個函數。
each();
<img />< img/>
//錯誤的寫法 把i的位置放錯了   
$("img").each(i,function(){
this.src="text"+i+".jpg";
});
應該是
$().each(callback)里面就只能寫函數了
$("img").each(function(i){
this.src="text"+i+".jpg";
});


注意與下面的區(qū)別 例遍數組，同時使用元素索引和內容。


jQuery 代碼:
$.each( [0,1,2], function(i, n){
  alert( "Item #" + i + ": " + n );
});描述:
例遍對象，同時使用成員名稱和變量內容。


jQuery 代碼:
$.each( { name: "John", lang: "JS" }, function(i, n){
  alert( "Name: " + i + ", Value: " + n );
});
var data={ name: {sex:"nan",list:[{"a1":"a1","a2":"a2"},{"a1":"a1","a2":"a2"}]}};
      data1=data.response.name;
      $.each(data1,funcion(i){
           var list=data1[i][list];
      });
});


你可以使用 'return' 來提前跳出 each() 循環(huán)。


HTML 代碼:
<button>Change colors</button>
<span></span>
<div></div>
<div></div>


<div></div>
<div></div>
<div id="stop">Stop here</div>
<div></div>


<div></div>
<div></div>


  $("button").click(function(){
        $("div").each(function(i,domEle){
        //domEle==this
           $(domEle).css("background","red");
           //這個地方不是==而是is()函數 這樣寫是錯誤的$(this).is($("#stop")) 而是$(this).is("#stop")
           if($(this).is("#stop")){
              $("span").text("我停在第"+(i+1)+"個div");
              //要記得是 return false 不是return
              return false;
           }
        });
     });
<img src="test1.jpg"/> <img src="test2.jpg"/>
$("img").size(); 2
 



作者：chen.yu
深信服三年半工作經驗，目前就職游戲廠商，希望能和大家交流和學習,
微信公眾號：編程入門到禿頭 或掃描下面二維碼
零基礎入門進階人工智能(鏈接)