JQ常見用法

2021-09-03 01:20:08 字數 1428 閱讀 6651

1、$('#table_info tr .disabled').not('.ban')

獲得id為table_info下的所有tr標籤,class包含disabled但不包含ban的標籤。

2、$(".a.b")

選擇class同時包含a和b的元素。

3、$(".a, .b")

選擇包含a或者包含b的元素。

4、$(".a").filter(".b").filter(".c")

選擇包含a、包含b、包含c的元素。

5、$("[class='a b c']")

選擇class同時包含a、b、c的元素,此處順序必須一致才行

1、$('#a').attr('checked', 'checked')

將checkbox選中

觸發事件:$('#a').attr('checked', 'checked').change()

2、$('#a').prop('checked')

獲得checkbox是否被選中,選中為true,未選中為false

3、$('input[name="date_type"]:checked').val()

獲得name為date_type的所有選中的radio的值,如果是checkbox則不能直接val需要遍歷

$('input[name="date_type"]:checked').each(function(index,element))
4、$('input[name="date_type"]').attr('checked', 'checked')

全選5、$('input[name="date_type"]').removeattr('checked')

全不選6、$('input[name="date_type"]:odd').attr('checked','checked')

選中所有奇數

7、$('input[name="date_type"]:even').attr('checked','checked')

選中所有偶數

8、反選

$('#checkbtn').click(function() );

});

$('#showbtn').click(function() else 

});ccc

1、$('#x').empty();

清空id為x的div中的內容,內部所有的元素都將刪除

JQ 常見誤區

attr 和 prop 用法幾乎一樣。官方推薦在操作屬性節點時,具有true 和 false 兩個屬性的屬性節點,如checked,selected 或 disabled 使用prop 其他的使用attr 比如 有id like 的核取方塊 獲取 編寫 返回值 獲取值型別 var s like at...

jq常見方法

選擇父元素 span parent 選擇所有父元素 span parents 選擇所有父元素的ul span parents ul 選擇所有.box直接子元素 box children 選擇.box下面所有子孫元素 box find 選擇.box所有的兄弟元素 box siblings 選擇.box...

jq 中each的用法

jquery的each方法的幾種常用的用法 each 方法能使dom迴圈結構簡潔,可遍歷一維陣列 多維陣列 dom,json 等等。var arr one two three four each arr,function 上面這個each輸出的結果分別為 one,two,three,four var...