整理jq基礎常用（過于基礎別噴）：

1，

$('div input[name]').css('','');//獲取層中有name屬性的標簽

$('div input[name=txtname]').css('','');//獲取層中有name屬性的,并且屬性值為txtname的標簽

$('div input[name！=txtname]').css('','');//獲取層中有name屬性的,并且屬性值不為txtname的input標簽

$('div input[name^=n]').css('','');//獲取層中有name屬性的,并且name屬性值為n開頭的所有input標簽

$('div input[name$=e]').css('','');//獲取層中有name屬性的,并且name屬性值為n結尾的所有input標簽,

$('div input[name*=e]').css('','');//獲取層中有name屬性的,并且name屬性值為包含n的所有input標簽

$('div input[name][value]').css('','');//獲取層中有name和value屬性的標簽

2，

$('div :disabled').css('','')//獲取層中被禁用的元素

$('input:checked').css('','')//獲取具有checked屬性值的元素 比如checkbox
selected //被選中的

//如果有空格表示獲得某個元素中的某個元素
//如果沒有空格 表示獲取具有這樣屬性的元素

3，選中checkbox代碼****************

$(function() {

$('div input[type=checkbox]').click(function() {
var cks = $('div :checked');
var len = cks.length;
var arr = [];
cks.each(function (k, v) {//k索引，v是值
arr[arr, length] = $(v).val; //******開始的時候數組長度為0，則為索引為0的存值
//存值之后，數組長度增加，則以此類推********
});
$('#sp').text('共選擇了' + len + '個，分別是:' + arr);
});
});

4,

$(':input')選取所有<input><textarea><select>元素
$（'input'）只獲得<input>

5,

$(':text')選取所有單行文本框，等價于$（'input[type=text]'）
同理還有 $(':passwprd') :radio :checkbox :submit :image :reset :file :hidden 代替了$('input[type=***]')

6,內容過濾器

? ?$('div:contains(內容)')//取得包含此內容的層

? ?$('div:empty')//取得空層

? ?$('div:has(a)') ? //獲取包含此標簽的層

7，子元素過濾器：

?$('ul li:first').css('','');//獲取頁面所有li的第一個 ? 也就是第一個ul的第一個li

?$('ul li:first-child') ? //獲取頁面每一個ul的第一個li

? ? //同理還有last-child

8,?

$(function() {
$('btnAll').click(function() {
$(':checkbox[name=name1]').attr('checked', true); //attr設置被選元素的屬性和值
});
$('btnFanXuan').click(function() {
$(':checkbox[name=name1]').each(function(k,v) {
$(v).attr('checked', !$(v).attr('checked'));
});
});
});

9,

$('div').attr('class','.cls')//添加類樣式
$('div').attr('class','');//移除類樣式
$('div').remove('class') //移除樣式（推薦使用）

10,$('<div></div>').appendto('body');

//prependTo(父元素) 主動增加到第一個

//A.insertBefore（B） 將A加到B前面 等同于B.before（A）;
//X.insertAfter(Y) 將X加到Y后面，等同于Y.after（X）;

11,

//清空層?$('div').empty();

remove('.cls')//移除應用.cls這個類樣式的元素

12,

//請仔細閱讀協議（10）

$(function() {
var time = 5;
setInterval(function() {
time -= 1;
if (time <= 0) {
$('#btn').val('同意').attr('disabled',false);
} else {
$('#btn').val('請仔細閱讀（' + time + ')');
}
} , 1000);
});

13,.unbind(); 清除所有事件

14,

$('br').replaceWith('<hr/>');所有br標簽被替換成hr

$('<br/>').replaceAll('hr'); 用br標簽替換頁面中所有hr

15,

//包裹節點
$('div p').warp('<strong></strong>');//層中每個p標簽都包裹起來

.wrapAll() //層中所有p包裹一個標簽
.warpInner //所有內容用標簽包裹

16,

radio checkbox要用each

attr()方法，兩個參數表示的是設置某個屬性為什么值，一個參數是獲取這個?屬性的值

?

總結

以上是生活随笔為你收集整理的关于JQuery的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。