整理jq基礎(chǔ)常用（過于基礎(chǔ)別噴）：

1，

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

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

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

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

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

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

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

2，

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

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

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

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; //******開始的時(shí)候數(shù)組長度為0，則為索引為0的存值
//存值之后，數(shù)組長度增加，則以此類推********
});
$('#sp').text('共選擇了' + len + '個(gè)，分別是:' + arr);
});
});

4,

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

5,

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

6,內(nèi)容過濾器

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

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

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

7，子元素過濾器：

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

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

? ? //同理還有l(wèi)ast-child

8,?

$(function() {
$('btnAll').click(function() {
$(':checkbox[name=name1]').attr('checked', true); //attr設(shè)置被選元素的屬性和值
});
$('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(父元素) 主動增加到第一個(gè)

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

11,

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

remove('.cls')//移除應(yīng)用.cls這個(gè)類樣式的元素

12,

//請仔細(xì)閱讀協(xié)議（10）

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

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

14,

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

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

15,

//包裹節(jié)點(diǎn)
$('div p').warp('<strong></strong>');//層中每個(gè)p標(biāo)簽都包裹起來

.wrapAll() //層中所有p包裹一個(gè)標(biāo)簽
.warpInner //所有內(nèi)容用標(biāo)簽包裹

16,

radio checkbox要用each

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

?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。