• <button id="eiyoe"><acronym id="eiyoe"></acronym></button>
    <em id="eiyoe"></em>

  • <rp id="eiyoe"><acronym id="eiyoe"><input id="eiyoe"></input></acronym></rp>
      查看: 991|回復: 0
      上一主題 下一主題

      jQuery - Chaining

      1298

      主題

      0

      好友

      39

      積分

      管理員 離線 發信

      跳轉到指定樓層
      樓主
      發表于 2014-02-19 15:35 | 只看該作者 | 倒序瀏覽

      jQuery - Chaining

      通過 jQuery,您可以把動作/方法鏈接起來。

      Chaining 允許我們在一條語句中允許多個 jQuery 方法(在相同的元素上)。

      jQuery 方法鏈接

      直到現在,我們都是一次寫一條 jQuery 語句(一條接著另一條)。

      不過,有一種名為鏈接(chaining)的技術,允許我們在相同的元素上運行多條 jQuery 命令,一條接著另一條。

      提示:這樣的話,瀏覽器就不必多次查找相同的元素。

      如需鏈接一個動作,您只需簡單地把該動作追加到之前的動作上。

      例子 1

      下面的例子把 css(), slideUp(), and slideDown() 鏈接在一起。"p1" 元素首先會變為紅色,然后向上滑動,然后向下滑動:

      $("#p1").css("color","red").slideUp(2000).slideDown(2000);

      親自試一試

      如果需要,我們也可以添加多個方法調用。

      提示:當進行鏈接時,代碼行會變得很差。不過,jQuery 在語法上不是很嚴格;您可以按照希望的格式來寫,包含折行和縮進。

      例子 2

      這樣寫也可以運行:

      $("#p1").css("color","red") .slideUp(2000) .slideDown(2000);

      親自試一試

      jQuery 會拋掉多余的空格,并按照一行長代碼來執行上面的代碼行。

      來源:http://www.w3school.com.cn/jquery/jquery_chaining.asp