jq常用的方法

2022-07-24 07:48:13 字數 2007 閱讀 9403

.eq(i) //獲取第幾個元素

.text() //獲取或設定元素文字內容

.html() //獲取或設定元素html**內容

.val() //獲取或設定表單元素值

.attr() //獲取或設定屬性,適用於自定義屬性

.removeattr() //移除屬性

.css() //獲取或設定樣式

.addclass() //設定class

.removeclass() //移除class

.prop() //操作屬性,適用於固定屬性

.trim() //去除空格

//追加移除

.after(); //在匹配元素後面新增內容

.before(); //與after方法相反

.empty() //將該元素的內容設定為空

.remove(); //刪除所有的指定元素

//相關元素

.filter( expr ) //返回與指定表示式匹配的元素集合

.children() //找子級元素

.parent() //找父級元素

.next(expr) //後面同輩元素的元素。

.prev(expr) //前面同輩元素的元素

.find(expr) //搜尋所有與指定表示式匹配的元素。

.add(html) //追加元素

//事件

.unbind("blur") //移除事件

.bind("blur",function(){}) //繫結事件

.hover(function(){}) //滑鼠移上

//動畫

.show( ) 顯示隱藏的匹配元素。

.hide( ) 隱藏所有的匹配元素。

.toggle( ) 切換元素的可見狀態。

.slidedown( speed, [callback] ) 通過高度變化(向下增大)來動態地顯示所有匹配的元素,在顯示完成後可選地觸發乙個**函式。這個動畫效果只調整元素的高度,可以使匹配的元素以「滑動」的方式顯示出來。

.slideup( speed, [callback] ) 通過高度變化(向上減小)來動態地隱藏所有匹配的元素,在隱藏完成後可選地觸發乙個**函式。這個動畫效果只調整元素的高度,可以使匹配的元素以」滑動」的方式隱藏起來。

.slidetoggle( speed, [callback] ) 通過高度變化來切換所有匹配元素的可見性,並在切換完成後可選地觸發乙個**函式。 這個動畫效果只調整元素的高度,可以使匹配的元素以」滑動」的方式隱藏或顯示。

.fadein( speed, [callback] ) 通過不透明度的變化來實現所有匹配元素的淡入效果,並在動畫完成後可選地觸發乙個**函式。 這個動畫只調整元素的不透明度,也就是說所有匹配的元素的高度和寬度不會發生變化。

.fadeout( speed, [callback] ) 通過不透明度的變化來實現所有匹配元素的淡出效果,並在動畫完成後可選地觸發乙個**函式。 這個動畫只調整元素的不透明度,也就是說所有匹配的元素的高度和寬度不會發生變化。

.fadeto( speed, opacity, [callback] ) 把所有匹配元素的不透明度以漸進方式調整到指定的不透明度,並在動畫完成後可選地觸發乙個**函式。 這個動畫只調整元素的不透明度,也就是說所有匹配的元素的高度和寬度不會發生變化。

.stop( ) 停止所有匹配元素當前正在執行的動畫。如果有動畫處於佇列當中,他們就會立即開始。

.queue( ) 取得第乙個匹配元素的動畫序列的引用(返回乙個內容為函式的陣列)

.queue( callback ) 在每乙個匹配元素的事件序列的末尾新增乙個可執行函式,作為此元素的事件函式

.queue( queue ) 以乙個新的動畫序列代替所有匹配元素的原動畫序列

.dequeue( ) 執行並移除動畫序列前端的動畫

.animate( params, [duration], [easing], [callback] ) 用於建立自定義動畫的函式。

.animate( params, options ) 建立自定義動畫的另乙個方法

JQ常用獲取

刪除屬性 複製 如下 myid removeattr disabled 應用樣式 複製 如下 myid addclass myclass 刪除樣式 複製 如下 myid removeclass myclass 加乙個樣式 複製 如下 myid css height 20px 修改路勁和更改核取方塊選...

jq的部分方法

1.獲取可視區寬度 window width 2.獲取可視區高度 window height innerwidth padding width outerwidth padding width border margin 1.offset 方法 window offset 獲取元素距離documen...

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 ...