009 jQuery鏈式程式設計

2021-10-10 15:29:03 字數 723 閱讀 4090

1. jquery方法鏈結

1.1. 有一種名為鏈結(chaining)的技術, 允許我們在相同的元素上執行多條jquery命令, 一條接著另一條。

1.2. 這樣的話, 瀏覽器就不必多次查詢相同的元素。

1.3. 如需鏈結乙個動作, 您只需簡單地把該動作追加到之前的動作上。

1.4. 下面的例子, 把fadeout()、fadein()、slideup()和slidedown()鏈結在一起。id為"p1"元素首先會隱藏, 然後會顯示, 再然後向上滑動, 最後向下滑動:

$("#p1").fadeout().fadein().slideup().slidedown();
1.5. 當進行鏈結時, **行會變得很差。不過, jquery在語法上不是很嚴格; 您可以按照希望的格式來寫, 包含折行和縮排。

$("#p1").fadeout()

.fadein()

.slideup()

.slidedown();

2. 例子2.1. **

執行多個效果

jquery鏈式程式設計

2.2. 效果圖

jQuery排他思想 鏈式程式設計

排他思想 乾掉所有人,設定我自己,先將所有人全設定為 然後再設定當前 的值也就是 先排除掉其他的 包括自己 最後再給自己 this 加想要的效果。28號00 28號01 28號02 28號03 28號04 28號05 執行結果 乾掉所有人,設定我自己,先將所有人全設定為 然後再設定當前的值以上 不夠...

實現jQuery底層鏈式程式設計(一)

jquery使用的就是塊級作用域 特點1.塊級作用域的作用就是程式啟動時,直接執行了 特點2.內部的成員變數,外部無法訪問 function window,undefined 在function類上擴充套件乙個可以實現鏈式變成的方法 引數1 鏈式方法的名字 引數2 函式 function.proto...

jquery鏈式程式設計,隱式迭代

1.jquery鏈式程式設計 多行 合併成一行 前提要認清此行 返回的是不是物件.是物件才能進行鏈式程式設計 html val text val css 鏈式程式設計,隱式迭代 鏈式程式設計注意 div html 設定值 val 設定值 這樣可以,但是 div html text 這樣是不對的,因為...