divp
divp
/*
div
p strong
#div, .p, strong
.lia
ul a
ul li a
* .box.pox
.box, .pox
*/
/*
學習要點：
2.高階選擇器
*//*
二．高階選擇器
在簡單選擇器中，我們了解了最基本的三種選擇器：元素標籤名、id 和類(class)。那麼
在基礎選擇器外，還有一些高階和高階的選擇器方便我們更精準的選擇元素。
選擇器 css 模式 jquery 模式 描述
群組選擇器 span,em,.box {} $('span,em,.box') 獲取多個選擇器的 dom 物件
後代選擇器 ul li a {} $('ul li a') 獲取追溯到的多個 dom 物件
通配選擇器 * {} $('*') 獲取所有元素標籤的 dom 物件
//群組選擇器
span, em, .box
$('span, em, .box').css('color', 'red'); //群組選擇器 jquery 方式
//後代選擇器
ul li a
$('ul li a').css('color', 'red'); //群組選擇器 jquery 方式
//通配選擇器
* $('*').css('color', 'red'); //通配選擇器
目前介紹的六種選擇器，在實際應用中，我們可以靈活的搭配，使得選擇器更加的精準和快速：
$('#box p, ul li *').css('color', 'red'); //組合了多種選擇器
警告：在實際使用上，通配選擇器一般用的並不多，尤其是在大通配上，比如：$('*')，
這種使用方法效率很低，影響效能，建議竟可能少用。
還有一種選擇器，可以在 id 和類(class)中指明元素字首，比如：
$('div.box'); //限定必須是.box 元素獲取必須是 div
$('p#box div.side'); //同上
類(class)有乙個特殊的模式， 就是同乙個 dom 節點可以宣告多個類(class)。 那麼對於這
種格式，我們有多 class 選擇器可以使用，但要注意和 class 群組選擇器的區別。
.box.pox
$('.box.pox').css('color', 'red'); //相容 ie6，解決了異常
多 class 選擇器是必須乙個 dom 節點同時有多個 class，用這多個 class 進行精確限定。
而群組 class 選擇器，只不過是多個 class 進行選擇而已。
$('.box, .pox').css('color', 'red'); //加了逗號，體會區別
警告：在構造選擇器時，有乙個通用的優化原則：只追求必要的確定性。當選擇器篩選
越複雜，jquery 內部的選擇器引擎處理字串的時間就越長。比如：
$('div#box ul li a#link'); //讓 jquery 內部處理了不必要的字串
$('#link'); //id 是唯一性的，準確度不變，效能提公升
*/$(function () );
jQuery 二 常規選擇器
在使用jquery選擇器時，必須使用 函式來包裝css規則。選擇器css模式 jquery模式 element 元素名 div div id firstname firstname class classname classname 例 p等價於 p css color red firstname ...
jQuery學習（二） 常規選擇器
一 常規選擇器分類 1 簡單選擇器 2 高階選擇器 3 高階選擇器 二，簡單選擇器 id選擇器，元素選擇器，類選擇器 1 id選擇器 使用jquery選擇器時，必須使用 函式來包裝我們css規則，經過jquery物件包裝後，返回對應元素的jquery物件，我們得到這個dom節點後就可以進行操作啦。b...
jQuery 常規兄弟選擇器示例
jquery通用同級選擇器 x y 用於選擇與 y 匹配的所有元素，y 是 x 元素的同級。例如，i m class1 sibling 1 i m class1 sibling 2 i m class1 sibling 3 和是同級關係。class1 p 語句將選擇所有元素。在此示例中，值 我是表單...