JQuery 學習 高階選擇器

第一 群組選擇器：

css:

pdiv

strong

jquery:

$(function());

divdiv

div pp

p strong

strong

strong

css:

div,strong,p 

jquery:

$(function());

divdiv

divppp

strong

strong

strong

後代選擇器，子，孫子都行

ul li a 

$(function());

首頁眉頁

首頁眉頁

首頁三 萬用字元

在全域性使用*號會極大限度消耗資源。

$('ul li *').css("color","red");  

等價於這個群組 // $('ul li strong,ul li em,ul li a').css("color","red");

除錯方法：

// alert($('*').size());

// alert($('*')[0].nodename); html

首頁眉頁

首頁首頁

首頁眉頁

首頁shouye

shouye

center

center

雙class處理，例子

.box.pox 

$(function());

hh 警告：在構造選擇器時，有乙個通用的優化原則：只追求必要的確定性。當選擇器篩選

越複雜，jquery 內部的選擇器引擎處理字串的時間就越長。比如：

$('div#box ul li a#link'); //讓jquery 內部處理了不必要的字串

$('#link'); //id 是唯一性的，準確度不變，效能提公升

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第三，...

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 元...