jq的部分方法

1.獲取可視區寬度

$(window).width();

2.獲取可視區高度

$(window).height();

innerwidth() = padding + width;

outerwidth() = padding + width + border + margin;

1.offset()方法

$(window).offset();

獲取元素距離document的距離

//可以用來做邊界檢測

if($(

"div"
).offset(
).left == 0)

$(window).position();

獲取元素距離有定位的父元素的距離

1.hide()和show()

$(window).hide(time); 元素按時間引數進行隱藏
$(window).show(time);元素按時間引數進行顯示
2.slideup()  slidedown() 和slidetoggle();
$(window).slideup(time) ;元素按時間引數滑入
$(window).slidedown(time) ;元素按時間引數滑出
$(window).slidetoggle(time) ;元素按時間引數切換
3.fadein()  fadeout()和fade toggle()
$(window).fadein(time) ;元素按時間引數淡入
$(window).fadeout(time) ;元素按時間引數淡出
$(window).fadetoggle(time) ;元素按時間引數切換
4.自定義動畫animate()
$(window).animate(,time)
元素按時間引數和css引數進行動畫，只針對數字式資料，顏色無法變

JQ部分知識點

this hide 隱藏html中的元素 p hide 隱藏所有的p元素 text hide 隱藏所有class為text的元素 text hide 隱藏所有id為text的元素 jq的顯示與隱藏 隱藏 this hide 顯示 this show 顯示與隱藏切換 p toggle 引數可以為數字時...

jq常用的方法

eq i 獲取第幾個元素 text 獲取或設定元素文字內容 html 獲取或設定元素html 內容 val 獲取或設定表單元素值 attr 獲取或設定屬性，適用於自定義屬性 removeattr 移除屬性 css 獲取或設定樣式 addclass 設定class removeclass 移除clas...

jq工具方法

合併 var a a b c var b d e g var c merge a,b 合併 a,b,c,d,e,g console.log c var a a b c var c map a,function val,i console.log c 0 a,1 b,2 c 選擇符合條件的數 var ...