JQuery 學習 高階選擇器

第一，後代選擇器

$('#box p').css('color','red');

$('#box').find('p').css('color','red');

pqpq

pqpqpqp

p全部紅色

第二，子代選擇器

$('#box > p').css('color','blue');

$('#box').children('p').css('color','blue'); pq

pqpq

pqpq

p第三，next選擇器，必須緊挨著

$('#box').next().css('color','blue');

第四，nextall選擇器

$('#box ~ p').css('color', 'red'); //相容ie6

jquery 為nextall 選擇器提供了乙個等價的方法nextall()：

$('#box').nextall('p').css('color', 'red'); //和nextall 選擇器等價

第五，prev,prevall選擇器

為了補充高階選擇器的這三種模式，jquery 還提供了更加豐富的方法來選擇元素：

$('#box').prev('p').css('color', 'red'); //同級上乙個元素

$('#box').prevall('p').css('color', 'red'); //同級所有上面的元素

第六，上下同級所有

$('#box').siblings('p').css('color', 'red'); //同級上下所有元素選定

JQuery 學習 高階選擇器

第一 群組選擇器 css pdiv strong jquery function divdiv div pp p strong strong strong css div,strong,p jquery function divdiv divppp strong strong strong 後代選擇...

jQuery高階選擇器

和css層級選擇器類似，可以通過層級關係獲取對應標籤物件。語法 a b 獲得a元素內部的所有的b元素。後代 a b 獲得a元素下面的所有b子元素。子標籤 a b 獲得a元素同級下乙個b元素。直接後兄弟 a b 獲得a元素之後的所有b元素。一般後兄弟 子代111111 子代222222 子代33333...

jQuery（二）高階選擇器

1 prev prevall box prev p css color red 選取同級上乙個元素 box prevall p css color red 選取id box 的元素之前的所有同級p元素2 prevuntil nextuntil 同級上非指定元素選定，遇到p則停止 選擇id box 元...