$(":not(selector)")? ?????????????????? （非，即取反）

$("input:not(:checked)");? ? ?????????意思是：查找input中沒有被勾選的其他元素

$("input:not(:checked)? + p")???????input:not(:checked)+p? ? 后面的+p，是相鄰選擇器

：checked? ?因為checked是偽類選擇器，不是元素，要取偽類要加冒號 ：

? 這段代碼的作用，是選擇所有input元素，其中除去帶有checked屬性，所以選擇了前兩個input；

注意事項：

1. :eq(), :lt(), :gt(), :even, :odd 用來篩選他們前面的匹配表達式的集合元素，根據(jù)之前匹配的元素在進一步篩選，注意jQuery合集都是從0開始索引

2. gt是一個段落篩選，從指定索引的下一個開始，gt(1) 實際從2開始

1. 層級選擇器都有一個參考節(jié)點

2. 后代選擇器包含子選擇器的選擇的內(nèi)容

3. 一般兄弟選擇器包含相鄰兄弟選擇的內(nèi)容

4. 相鄰兄弟選擇器和一般兄弟選擇器所選擇到的元素，必須在同一個父元素下

全選擇器（*選擇器）? ? ???$("*")

===表示數(shù)據(jù)和類型都相等

兼容性的問題，比如:

1. IE會將注釋節(jié)點實現(xiàn)為元素，所以在IE中調(diào)用getElementsByTagName里面會包含注釋節(jié)點，這個通常是不應(yīng)該的

2. getElementById的參數(shù)在IE8及較低的版本不區(qū)分大小寫

3. IE7及較低的版本中，表單元素中，如果表單A的name屬性名用了另一個元素B的ID名并且A在B之前，那么getElementById會選中A

4. IE8及較低的版本，瀏覽器不支持getElementsByClassName

元素選擇器

$(?"element"?)

第一組：通過getElementsByTagName方法得到頁面所有的<div>元素

var?divs?=?document.getElementsByTagName('div');

divs是dom合集對象，通過循環(huán)給每一個合集中的<div>元素賦予新的border樣式

第二組：同樣的效果，$("p")選取所有的<p>元素，通過css方法直接賦予樣式

選擇器，顧名思義，通過class樣式類名來獲取節(jié)點

$(?".class"?)

$(".imooc").css()方法內(nèi)部肯定是帶了一個隱式的循環(huán)處理，

jQuery使用JavaScript的原生getElementsByClassName()函數(shù)來實現(xiàn)的

id選擇器：一個用來查找的ID，即元素的id屬性

$(?"#id"?)

id是唯一的，每個id值在一個頁面中只能使用一次。如果多個元素分配了相同的id，將只匹配該id選擇集合的第一個DOM元素。但這種行為不應(yīng)該發(fā)生;有超過一個元素的頁面使用相同的id是無效的

相比較jQuery轉(zhuǎn)化成DOM，開發(fā)中更多的情況是把一個dom對象加工成jQuery對象。$(參數(shù))是一個多功能的方法，通過傳遞不同的參數(shù)而產(chǎn)生不同的作用。

如果傳遞給$(DOM)函數(shù)的參數(shù)是一個DOM對象，jQuery方法會把這個DOM對象給包裝成一個新的jQuery對象

通過$(dom)方法將普通的dom對象加工成jQuery對象之后，我們就可以調(diào)用jQuery的方法了

用jQuery找到所有的div元素（3個），因為jQuery對象也是一個數(shù)組結(jié)構(gòu)，可以通過數(shù)組下標(biāo)索引找到第一個div元素，通過返回的div對象，調(diào)用它的style屬性修改第一個div元素的顏色。這里需要注意的一點是，數(shù)組的索引是從0開始的，也就是第一個元素下標(biāo)是0

通過jQuery自帶的get()方法

jQuery對象自身提供一個.get() 方法允許我們直接訪問jQuery對象中相關(guān)的DOM節(jié)點，get方法中提供一個元素的索引：

var?$div?=?$('div')?//jQuery對象
var?div?=?$div.get(0)?//通過get方法，轉(zhuǎn)化成DOM對象
div.style.color?=?'red'?//操作dom對象的屬性

.css()內(nèi)更改多個樣式

.css({
????'background'?:?'red',
????'font-size'?:?'15px',
????....})

通過標(biāo)準的JavaScript操作DOM與jQuery操作DOM的對比，我們不難發(fā)現(xiàn)：

1. 通過jQuery方法包裝后的對象，是一個類數(shù)組對象。它與DOM對象完全不同，唯一相似的是它們都能操作DOM。

2. 通過jQuery處理DOM的操作，可以讓開發(fā)者更專注業(yè)務(wù)邏輯的開發(fā)，而不需要我們具體知道哪個DOM節(jié)點有那些方法，也不需要關(guān)心不同瀏覽器的兼容性問題，我們通過jQuery提供的API進行開發(fā)，代碼也會更加精短。

$(document).ready 的作用是等頁面的文檔（document）中的節(jié)點都加載完畢后，再執(zhí)行后續(xù)的代碼，因為我們在執(zhí)行代碼的時候，可能會依賴頁面的某一個元素，我們要確保這個元素真正的的被加載完畢后才能正確的使用。

練習(xí)中使用的$("div")會對所有的div生效。因為此處只有一個div，所以它變化了。如果有多個div，那么它們都會變化。

.html()可以覆蓋原來元素的內(nèi)容

.html(function( index ,oldHtml){

????return "";?

})；

index 可以獲取元素的下標(biāo) ，oldHtml可以獲取原來的值

屬性篩選選擇器

我們有幾種方式可以隱藏一個元素：

1. CSS display的值是none。

2. type="hidden"的表單元素。

3. 寬度和高度都顯式設(shè)置為0。

4. 一個祖先元素是隱藏的，該元素是不會在頁面上顯示

5. CSS visibility的值是hidden

6. CSS opacity的指是0

如果元素中占據(jù)文檔中一定的空間,元素被認為是可見的。
可見元素的寬度或高度，是大于零。
元素的visibility:?hidden?或?opacity:?0被認為是可見的，因為他們?nèi)匀徽加每臻g布局。

內(nèi)容篩選選擇器

基本篩選選擇器

層級選擇器