一.選擇器(簡單)css
ID選擇器只認識第一個ID 使用了三次 只會改變第一個ID 瀏覽器
可是CSS有容錯性 它會把全部的ID都改變spa
子選擇器 #box>p; css格式 IE6不支持 可是JQUERY 能夠封裝調用3d
二.進階選擇器blog
選擇器越複雜 字符串解析就越慢 只要追求必要的正確性!!!字符串
三.高級選擇器bfc
使用頻率較低主要緣由就是早期的IE瀏覽器不支持!進階
JQUERY爲子選擇器提升了一個等價方法 childen;方法
JQUERY爲後代選擇器提升了一個等價方法 find;im
$('#box ').prev('p').css('color', 'red'); //同級的上一個節點P prev
$('#box ').prevALL('p').css('color', 'red'); //同級的全部節點P
$('#box ').siblings('p').css('color', 'red'); 結合了nextall 和prevALL 兩種方法
四 屬性選擇器
過濾選擇器