jQuery 動作/方法連結
jQuery Chaining
透過 jQuery,可以把動作/方法連結在一起。
Chaining 允許我們在一條語句中執行多個 jQuery 方法(在相同的元素上)。
jQuery 方法連結
直到現在,我們都是一次寫一條 jQuery 語句(一條接著另一條)。
不過,有一種名為連結(chaining)的技術,允許我們在相同的元素上執行多條 jQuery 命令,一條接著另一條。
提示: 這樣的話,瀏覽器就不必多次查詢相同的元素。
如需連結一個動作,您只需簡單地把該動作追加到之前的動作上。
下面的例子把 css()、slideUp() 和 slideDown() 連結在一起。"p1" 元素首先會變為紅色,然後向上滑動,再然後向下滑動:
$("#p1").css("color","red").slideUp(2000).slideDown(2000);
如果需要,我們也可以新增多個方法呼叫。
提示:當進行連結時,程式碼行會變得很差。不過,jQuery 語法不是很嚴格;您可以按照希望的格式來寫,包含換行和縮排。
如下書寫也可以很好地執行:
$("#p1").css("color","red") .slideUp(2000) .slideDown(2000);
jQuery 會拋掉多餘的空格,並當成一行長程式碼來執行上面的程式碼行。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70018483/viewspace-2907551/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- jQuery動態修改連結的href屬性值jQuery
- jquery工具方法總結jQuery
- jQuery給動態新增的元素繫結事件的方法jQuery事件
- jQuery常用方法總結【三】jQuery
- cmake 連結動態連結庫
- 防止點選連結<a>有跳轉動作解決方案
- (分享連結製作)防封,微信文章分享活動推廣連結製作
- 動態連結庫與靜態連結庫
- 使用js動態新增連結隨機連結JS隨機
- VB呼叫C程式的方法—動態連結庫法 (轉)C程式
- js與jquery常用陣列方法總結JSjQuery陣列
- Jquery 方法--自己總結持續更新-1jQuery
- 作品比賽投票網頁連結製作教程,不用程式設計的方法!網頁程式設計
- CSS背景圖片作為連結效果CSS
- jquery模擬實現的連結title提示效果jQuery
- jQuery獲取某元素下所有的連結元素jQuery
- 靜態連結動態連結的連結順序問題和makefile示例
- 動態連結庫(DLL)
- 動態連結庫(轉)
- Linux下的靜態連結與動態連結Linux
- jQuery和原生JavaScript的操作方法總結jQueryJavaScript
- 動態連結的相關結構
- jQuery連結點選變色 點選其他還原jQuery
- jQuery實現的在新視窗開啟連結jQuery
- Jquery外掛Nicescroll 製作漂亮的滾動條jQuery
- 行動硬碟啟動PE的製作方法硬碟
- 動態連結庫和靜態連結庫的區別
- 分析行連結的簡單方法
- jQuery動態生成html元素的幾種方法jQueryHTML
- jquery繫結未來新建立函式的方法onjQuery函式
- jQuery操作iframe中js函式的方法小結jQueryJS函式
- jQuery實現DOM元素事件動態繫結jQuery事件
- jquery 為動態新增的元素繫結事件jQuery事件
- JQuery on()方法繫結動態元素的點選事件無響應的解決辦法jQuery事件
- Gazebo新增模型並控制模型運動作為動態障礙物(Ubuntu16.04, Gazebo7.16),附錄動態連結庫和靜態連結庫區別模型Ubuntu
- jQuery方法wrapAll()jQuery
- jQuery 事件方法jQuery事件
- jQuery 效果方法jQuery