《鋒利的jquery》認識jquery總結

  1. window.onload和$(document).ready()執行時機不一樣,前者必須等待網頁中全部的內容加載完畢後,後者是全部dom結構繪製完畢後;編寫個數前者只容許一個,後者容許多個。
  2. jquery對象和dom對象是不一樣的,可是能夠進行相互轉換:jquery

    var $jq = $("#jq");
    var jq = $jq[0];
    // var jq = $jq.get(0);
  3. dom轉jquery的話,就只須要加上$關鍵字就行了。dom

  4. 隱式迭代。舉例來講,使用選擇器得到多個jquery對象後,改變其click事件:ide

    $("a.click").each(function(){
    var $this = $(this);
    $this.click(function(event){
    alert("aaaaa");
    })
    })
    
    // 以上方法經過each對每個a標籤進行click操做,這看起來彷佛很是合乎常理。但對於jquery來講,徹底能夠這樣作
    $("a.click").click(function(event){
    alert("aaa");
    })
  5. jquery的is()方法也很是實用。this

    用一個表達式來檢查當前選擇的元素集合,若是其中至少有一個元素符合這個給定的表達式就返回true。對象

    若是沒有元素符合,或者表達式無效,都返回’false’。事件

    注意:在jQuery 1.3中才對全部表達式提供了支持。在先前版本中,若是提供了複雜的表達式,好比層級選擇器(好比 + , ~ 和 > ),始終會返回trueget

相關文章
相關標籤/搜索