1 簡單選擇器
$('#box>p').css('color','red') //直接相鄰兒子p標籤
返回選擇器選擇元素個數方法：length屬性或size()方法。
jquery具有容錯功能：
if (document.getelementbyid('pox'))
等效於if ($('#pox').size() > 0)
也可以轉換為dom物件方式來判斷，有值時返回值為object物件，無值時返回值為undefined
if ($('#pox').get(0))
if ($('#pox')[0])
2 高階選擇器
（1）群組選擇器：
$('div, p, strong').css('color', 'red');
（2）後代選擇器
$('ul li a').css('color', 'orange');
（3）萬用字元選擇器
$('*').css('color', 'red');
備註：在全域性範圍使用*號，會極大的消耗資源，所以不建議在全域性使用。通配選擇器一般運用在區域性的環境內。
$('ul li *').css('color', 'red');
（4）在id和class中指明元素字首
$('div.box').css('color', 'red'); //限定必須是.box元素，獲取必須是div
（5）在同乙個dom節點宣告多個類
$('.box.pox').css('color', 'green'); //
3 高階選擇器
（1）後代選擇器
$('#box p').css('color', 'red');
等效於（find()方法）
$('#box').find('p').css('color', 'red');
（2）子選擇器(孫子後失明)
$('#box > p').css('color', 'red');
等效於（children()方法）
$('#box').children('p').css('color', 'red');
(3)next選擇器（下乙個同級節點）
$('#box + p').css('color', 'blue');
等效於（next()方法）
$('#box').next('p').css('color', 'blue');
(4)nextall選擇器（後面所有同級節點）
$('#box ~ p').css('color', 'orange');
等效於（nextall()方法）
$('#box').nextall('p').css('color', 'orange');
備註：在find()、children()、next()和nextall()方法，若不傳遞引數，相當於傳遞了「*」，即任何節點，建議不要使用。
$('#box').next('') //等效於$('#box').next('*')
（5）同級上乙個元素prev()
$('#box').prev('p').css('color', 'red');
（6）同級所有上面的元素prevall()
$('#box').prevall('p').css('color', 'red');
（7）上下同級所有元素siblings()
$('#box').siblings('p').css('color', 'red');
等效於
$('#box').prevall('p').css('color', 'red');
$('#box').nextall('p').css('color', 'red');
（8）同級下直到指定元素終止的所有同級元素nextuntil()
$('#box').nextuntil('p').css('color', 'red');
（9）同級上直到指定元素終止的所有同級元素prevuntil()
$('#box').prevuntil('p').css('color', 'red');
（10）執行速度
$('#box').find('p').css('color', 'red'); //最快
等效於$('#box p').css('color', 'red');
$('p', '#box').css('color', 'red');
4 a[title]屬性選擇器
//具有title屬性
$('a[title]').css('color', 'red');
//具有title屬性且其值為num1
$('a[title=num1]').css('color', 'red');
$('a[title^=num]').css('color', 'red');
$('a[title$=num]').css('color', 'red');
$('a[title|=num]').css('color', 'red');
$('a[title~=aaa]').css('color', 'red');
$('a[title*=num]').css('color', 'red');
$('a[bbb][title=num]').css('color', 'red');
JQuery 選擇器學習筆記
img removeattr title 移除指定元素屬性值 p last addclass lastp addclass 為指定元素新增class,p last 為最後乙個p元素 p first addclass firstp 同上，只不過是第乙個p元素 p last removeclass 移除...
jQuery學習筆記 選擇器
3 jquery四種常見寫法 第一種 function 第二種 document ready function 第三種 jquery function 第四種 jquery document ready function 注 比js裡window.onload事件高效，因為不需要整個文件載入結束去執...
jquery選擇器學習筆記
img removeattr title 移除指定元素屬性值 p last addclass lastp addclass 為指定元素新增class,p last 為最後乙個p元素 p first addclass firstp 同上，只不過是第乙個p元素 p last removeclass 移除...