在使用jquery選擇器時，必須使用$( )函式來包裝css規則。
選擇器css模式
jquery模式
element(元素名)
div{}
$('div')
#id#firstname{}
$('#firstname')
.class
.classname{}
$('.classname')
例：
①p等價於：$('p').css('color','red')
②#firstname //使用id選擇器的css規則
等價於：$('#mydiv').css('color','red')
//獲取dom結點物件，並新增行為
③.classname
等價於：$('.classname').css('color','red')
選擇器css模式
jquery模式
群組選擇器
span,p,em{}
$('span,p,em')
後代選擇器
ul li a{}
$('ul li a')
通配選擇器
*{}$('*')
例：span,p,em 等價於：$('span,p,em').css('color','red');
ul li a 等價於 $('ul li a').css('color','blue');
* 等價於 $('*').css('margin',0).css('padding',0);
選擇器css模式
jquery模式
後代選擇器
ul li a{}
$('ul li a')
子選擇器
div>p{}
$('div>p')
next選擇器
div+p{}
$('div+p')
nextall選擇器
div~p{}
$('div~p')
注：①後三種高階選擇器的css模式不支援ie6，jquery模式支援
②後代選擇器：jquery為後代選擇器提供了乙個等價的find()方法
③子選擇器：只獲取子節點 的多個dom物件。jquery為子選擇器提供了乙個等價的children()方法
例：$('#mydiv>p').css('color','pink'); 等價於 $('#mydiv').children('p').css('color','pink');
④next選擇器：只獲取某結點後乙個同級的dom物件。jquery為next選擇器提供了乙個等價的next()方法
例：$('#mydiv+p').css('color','green'); 等價於 $('#mydiv').next('p').css('color','green');
⑤nextall選擇器：獲取某結點後所有同級的dom物件。jquery為nextall選擇器提供了乙個等價的nextall()方法
寫在最後：
①關於jquery的注釋：
·單行注釋 //...
·多行注釋 /*...*/
②可以使用jquery自帶的length屬性或size()方法檢視元素個數：$('#idname').size() 或 $('#idname').length
③取第n個元素的寫法：$('.classname').get(n-1) 或 $('.classname')[n-1]
④jquery的容錯性：當有動態dom生成問題時，會導致執行不存在的id選擇器，此時原生js會報錯，但jquery不會報錯
例如：document.getelementbyid("idname").style.color='red'; //當idname不存在時瀏覽器會報錯
$('#idname').css('color','red'); //當idname不存在時瀏覽器不會報錯
⑤萬用字元*在全域性範圍內使用將消耗大量資源，所以不建議在全域性範圍內使用。舉個在區域性範圍內使用萬用字元*的例子：$('ul li *')
⑥選擇器越複雜，字串解析就越慢。所以在構造選擇器時的原則是：只追求必要的確定性
⑦如果在不規範的頁面中出現多個一樣的id，並執行了css樣式操作，將均會顯示效果，但是如果用jquery實現將只對第乙個id產生效果。
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 語句將選擇所有元素。在此示例中，值 我是表單...
Jquery 4 常規選擇器 2
divp divp div p strong div,p,strong lia ul a ul li a box.pox box,pox 學習要點 2.高階選擇器 二 高階選擇器 在簡單選擇器中，我們了解了最基本的三種選擇器 元素標籤名 id 和類 class 那麼 在基礎選擇器外，還有一些高階和高...