jquery鏈式呼叫,動畫,尺寸 滾動事件 三

2021-08-28 02:39:31 字數 1602 閱讀 1000

8:jquery鏈式呼叫

9:jquery動畫

10:尺寸相關、滾動事件

11:jquery事件

12:主動觸發與自定義事件

13:事件委託

14:事件冒泡

15:jquery元素節點操作

16:滾輪事件與函式節流

17:json

18:ajax與jsonp

19:本地儲存

20:jqueryui

jquery物件的方法會在執行完後返回這個jquery物件,所有jquery物件的方法可以連起來寫:

$(

'#div1') // id為div1的元素

.children('ul') //該元素下面的ul子元素

.slidedown('fast') //高度從零變到實際高度來顯示ul元素

.parent() //跳到ul的父元素,也就是id為div1的元素

.siblings() //跳到div1元素平級的所有兄弟元素

.children('ul') //這些兄弟元素中的ul子元素

.slideup('fast'); //高度實際高度變換到零來隱藏ul元素

通過animate方法可以設定元素某屬性值上的動畫,可以設定乙個或多個屬性值,動畫執行完成後會執行乙個函式。

$('#div1').animate(,1000,swing,function

());

引數可以寫成數字表示式:

$('#div1').animate(,1000,swing,function

());

獲取和設定元素的尺寸

width()、height()    獲取元素width和height

innerwidth()、innerheight() 包括padding的width和height

outerwidth()、outerheight() 包括padding和border的width和height

outerwidth(true)、outerheight(true) 包括padding和border以及margin的width和height

獲取元素相對頁面的絕對位置

offset

()

獲取可視區高度

$(

window).height();

獲取頁面高度

$(document).height();
獲取頁面滾動距離

$(document).scrolltop();  

$(document).scrollleft();

頁面滾動事件

$(window).scroll(function

())

jQuery鏈式呼叫

鏈式 input type button eq 0 click function end eq 1 click function end eq 2 toggle function function 找出type型別為button的input元素 找到第乙個按鈕,並繫結click事件處理函式 返回所有...

學習jQuery鏈式呼叫

jquery物件的方法會在執行完後返回這個jquery物件,所有jquery物件的方法可以連起來寫 div1 id為div1的元素 children ul 該元素下面的ul子元素 slidedown fast 高度從零變到實際高度來顯示ul元素 parent 跳到ul的父元素,也就是id為div1的...

jquery鏈式呼叫 作用

鏈式操作就是分步驟地對jquery物件實現各種操作,舉個栗子 test css color red show 200 removeclass style 上面的例子就是鏈式操作,在一行 裡,對id為test的物件進行了三項操作 先設定其字型顏色為紅色,再顯示物件,最後移除物件的 style 這個樣式...