jQuery常用方法

2021-07-11 20:11:06 字數 1948 閱讀 3250

1、常用方法

1》filter() ———— 過濾 (得到具有每一特徵的元素)

$(

"div").filter("#a").css("background","yellow");//所有div裡面找到id為a的div

2》not()———– 和filter( )相反

$("div").not("#a").css("background","yellow");//所有div裡面找到id不為a的div
3》has( ) —————- 找到含有某特徵的元素(注意和filter( )的區別,是找到含有

$(

"div").has("#b").css("background","yellow");//內部含有id=a子元素的元素被選取

5》find( ) ————–從某一父集裡面找到某一類元素

$(

'body').find('#c').css("background","yellow");//body下面id為c的變色

6》eq( )————-類似於陣列的下表

7》index( )————索引–在其父集下的位置

8》attr( )—————設定或返回被選元素的屬性值

$(

'#a').attr("id",'');//

9》addclass( ) removeclass( ) —————-新增移除class

10》width() innerwidth() outerwidth() ————— 普通 加padding 加padd加border

12》remove( ) ————————–刪除節點

$(

'div').remove();

13》on() off()

優點1:可以新增自定義事件

優點2:可以同時新增多個事件

$('div').on('click mouseover',function

());

利用jason分別新增事件

$('#a').on(,

mouseover : function

() })

通過off( )來取消事件

$('#a').on('click mouseover',function

());

14》ev pagex which

pagex ( )———————相對於文件的位置(可是去加上滾動條)

which( ) ——————— 鍵盤的鍵值

15》preventdefault( ) ————————阻止預設事件

stoppropagation() ————————阻止冒泡

return false ———————— 即阻止預設事件 又阻止冒泡

16》one( ) —————– 事件只執行一次

17》offset( ) —————— 獲取到螢幕的左距離

position( ) —————– 到有定位的父集的left、top值

18》offsetparent() ————- 獲取有定位的父元素

19》each( ) ——————-迴圈

$('div').each(function

(i,elem))

20》hover( ) ———————- 滑鼠移入移出

show() hide() ———————- 顯示隱藏(可以接受引數-時間)

fadein() fadeout() ——————-淡入 淡出

fadeto() —————-透明度的改變

slidedown() slideup() ————— 捲曲、展開

Jquery 常用方法

取得下拉列表的選取值 testselect option selected text 下拉列表選中的文字 或 testselect find option selected text 或 testselect val 下拉列表選中的值 賦值給下拉列表 testselect attr value 1 ...

Jquery常用方法

常用的方法 show 顯示掩藏的匹配元素 hide 方法 css name,value 給元素設定樣式 text string 設定所有匹配元素的文字內容 filter expr 篩選出與指定表示式匹配的元素集合 find 元素內尋找匹配元素 如 tr find radio 這獲取到 radio v...

JQuery常用方法

p attr class 獲取p元素的class p attr class high 設定p元素的class為 high p addclass another 給p元素追加 another 類 p removeattr title 刪除p元素的屬性title p removeclass anothe...