????:具有以下特點 :(1)基本格式$('');(2)冒號,div:first,類似css偽類,通常是一種內(nèi)置方法;(3)[]方括號,input[type!=text],表示屬性+值;可前置標簽限制選擇范圍;(4){}花括號,$('div').css({'color':'red','font-size':'30px&
具有以下特點 :
(1)基本格式$('');
(2)冒號,div:first,類似css偽類,通常是一種內(nèi)置方法;
(3)[]方括號,input[type!=text],表示屬性+值;可前置標簽限制選擇范圍;
(4){}花括號,$('div').css({'color':'red','font-size':'30px'}),用于設(shè)置多個樣式。
jQuery的選擇器比較豐富,大體分為幾種類型:
(1)基本選擇器
$('div') $('.className') $('#idName') //設(shè)置多個樣式 $('div').css({'color':'red','font-size':'30px'}) //花括號,逗號分隔鍵值對
(2)層級選擇器
$('ul>li') $('ul li') $('label+input') //緊跟label后的第一個input,如果input前沒有l(wèi)abel則不會被選中 $('label~input') //label后所有同級input
(3)順序選擇器
$('div:first') $('div:last') $('p:gt(x)') //索引大于x的p標簽 $('p:lt(x)') //索引小于x $('p:eq(x)') //等于x $('li:odd') //索引為偶數(shù) $('li:even') //索引為奇數(shù) $('li:not(eq(x))) //非
(4)內(nèi)容選擇器
$('p:contains(text)') //內(nèi)容包含文本“text”的p標簽 $('div:has(span)') //has(選擇器),基礎(chǔ)選擇器適用;div下的span,還是含有span的div??? //$('div:has(span)').css('color','blue')會讓div內(nèi)所有內(nèi)容變色。 $('div:empty') //既無內(nèi)容又無下級子標簽的div $('div:parent') //有內(nèi)容或者子標簽其中之一
(5)屬性選擇器
$('[type]') //有type屬性的所有標簽,屬性值可以為空 $('input[type=password]') //[屬性=值]要包含在方括號內(nèi) $('input[type != password]') //不等于指定值 $('[name^=n]') //以指定值開始 $('[name$=n]') //結(jié)尾 $('[name*=n]') //包含 $('input[type=text][id][name^=n]').css('height','25px') //同時滿足多個條件 //id可以為空,但必須有該標識;方括號之間不能有空格;比較符號可以有空格。
(1)表單選擇器
$(':enabled') //相對disabled而言,激活的元素 $(':disabled') //行間設(shè)置了disabled="disabled",只有一個值,禁用 input 元素 $(':selected') //針對設(shè)置了selected的option $(':checked') //激活的checkbox【測試未成功】 //下拉框 <select name="" id=""> <option value="">react</option> <option value="">angular</option> <option value="" selected>vue</option> </select>
END
?? ???:韋小寶?? ??:2018-11-10 11:11:03
???? ??:嗯!寫的很不錯!很完整??!繼續(xù)加油哈?。?!