基本選擇器

層次選擇器

屬性選擇器

名稱

示例

名稱

示例

名稱

示例

標簽選擇器

$(“h3”)選取所有h3元素

后代選擇器

$(“#menu span”)選取#menu下所有的<span>元素

屬性選擇器

$(“[href]”)選取含有href屬性的元素

類選擇器

$(“.title”)選取所有class為title的元素

子選擇器

$(“#menu >span”)選取#menu下的子元素

$(“[href=’#‘]”)選取href屬性值為“#”的元素

ID選擇器

$(“#title”)選取id為title的元素

相鄰選擇器

$(“h3+dl”)選取緊鄰<h3>元素之后的同輩元素<dl>

$(“[href!=’#’]”)選取href屬性值不為”#”的元素

并集選擇器

$(“div,p,.title”)選取所有div，p和擁有class為title的元素

同輩選擇器

$(“h3~dl”)選取<h3>元素之后所有的同輩元素<dl>

$(“[href^=’en’]”)選取href屬性值以en開頭的元素

交集選擇器

$(“h3.title”)選取所有擁有class為title的h3元素（id也行）

$(“[href$=’.jpg’]”)選取選取href屬性值以.jpg結尾的元素

全局選擇器

$(“*”)選取所有元素

$(“[href*=‘txt’]”)選取href屬性值中含有txt的元素

$(“li[id][title=新聞要點]”)選取含有id屬性和title屬性為”新聞要點”的<li>元素

基本過濾選擇器

名稱

示例

:first

$(“li:first”)選取所有<li>元素中的第一個<li>元素

:last

$(“li:last”)選取所有<li>元素中的最后一個<li>元素

:not(selector)

$(“li:not(.three)”)選取class不是three的元素

:even

$(“li:even”)選取索引是偶數的所有<li>元素

:odd

$(“li:odd”)選取索引是奇數的所有<li>元素

:eq(index)

$(“li:eq(1)”)選取索引等于1的<li>元素

:gt(index)

$(“li:gt(1)”)選取索引大于1的<li>元素（注意：大于1，不等于1）

:lt(index)

$(“li:lt(1)”)選取索引大于1的<li>元素（注意：小于1，不等于1）

方法

描述

備注

addClass()

向被選元素添加一個或多個類樣式

css()

為匹配的元素添加css樣式

Next()

獲得所匹配元素集合中每個元素其后緊鄰的同輩元素

Click()

觸發或將函數綁定到指定元素的click事件

Show([speed],[callback])

控制元素顯示

Speed：可選，元素從隱藏到完全可見的速度

Callback：可選，show函數執行完之后要執行的函數

Hide([speed],[callback])

控制元素隱藏

Speed：可選，元素從隱藏到完全可見的速度

Callback：可選，show函數執行完之后要執行的函數

fadeIn([speed],[callback])

控制元素淡入

Speed：可選，元素從隱藏到完全可見的速度

Callback：可選，show函數執行完之后要執行的函數

fadeout([speed],[callback])

控制元素淡出

Speed：可選，元素從隱藏到完全可見的速度

Callback：可選，show函數執行完之后要執行的函數

Mouseover()

觸發或將函數綁定到指定元素的mouseover()事件

鼠標指針移過時

Mouseout()

觸發或將函數綁定到指定元素的mouseout()事件

鼠標指針移出時

Keydown()

觸發或將函數綁定到指定元素的keydown事件

按下鍵盤時

Keyup()

觸發或將函數綁定到指定元素的keyup事件

釋放鍵盤時

Keypress()

觸發或將函數綁定到指定元素的keypress事件

產生可打印的字符時

KeyCode()

獲取按下鍵對應的鍵值

Focus()

觸發或將函數綁定到指定元素的focus事件

獲得焦點

Blur()

觸發或將函數綁定到指定元素的blur事件

失去焦點

Bind(type,[data],fn)

為匹配的元素一次性綁定一個或多個事件

Type事件類型，[data]可選參數(時間)，fn函數

Unbind([type],[fn])

為匹配的元素一次性移除一個或多個事件

Type事件類型(可選參數)fn函數(可選參數)

Hover()

鼠標指針懸停的事件（鼠標移進，觸發第一個函數，移除，觸發第二個函數）

Hover(enter,leave)

Toggle()

鼠標連續click事件（單擊一次觸發一個事件，重復循環）

Toggle(fn1,fn2….fnN);

slideUp()

控制元素從下向上延伸顯示

slideDown()

控制元素從上向下延伸顯示

animate(params,[speed],[fn])

用于創建自定義動畫的函數

params:一組包含作為動畫屬性和終值的樣式屬性和及其值的集合(多個則用{}括起)

speed: 表示動畫時長的毫秒數值

fn: 在動畫完成時執行的函數，每個元素執行一次

removeClass(class1,class2)

移除樣式

toggleClass(class)

切換不同元素的類樣式

Html([content])

對HTML代碼進行操作，通常用于動態的新增頁面內容

Cotent:可選。規定被選元素的新內容，該參數可以包含HTML標簽。無參時，表示獲取被選元素的文本內容

Text()

獲取或設置元素的文本內容，不含HTML標簽

Content:可選。規定被選元素的文本新內容。無參時，表示獲取被選元素的文本內容

Val()

獲取或設置元素value屬性值

Remove()

將匹配的元素從DOM中刪除

Empty()

清空元素中的所有后代節點

replaceWith()

將所匹配的元素都替換成指定的HTML或者DOM元素

Clone([includeEvents])

節點復制

includeEvents:可選，為布爾值ture或false，規定是否復制元素的所有事件處理

Attr()

獲取或設置元素屬性

Attr([name]):獲取或設置單個屬性值，如$($newNode4).attr(“alt”)

Attr({[name1:value1],name2:value2}……)，設置多個屬性值，如$(“img”).attr({width:”50”,height:”100”})

RemoveAttr(name)

刪除元素屬性

參數為屬性名稱

Prev([expr])

獲取緊鄰匹配元素之前的元素

參數可選，用于過濾同輩元素的表達式

Siblings([expr])

獲取位于匹配元素前面和后面的所有同輩元素

參數可選，用于過濾同輩元素的表達式

Parent([selector])

獲取當前匹配元素集合中每一個元素的父級元素

參數可選

Parents([selector])

獲取當前匹配元素集合中每一個元素的祖先元素

參數可選

Children()

獲取當前匹配元素下的所有子元素

Select()

(表單驗證方法)選取文本域中的內容，突出顯示輸入區域的內容

【（onblur,onfocus）表單驗證的失去焦點跟獲得焦點的事件】

find(expr|obj|ele)

搜索所有與指定表達式匹配的元素。這個函數是找出正在處理的元素的后代元素的好方法。

Expr: 用于查找的表達式

object: 一個用于匹配元素的jQuery對象

element: 一個DOM元素

 each(callback)

以每一個匹配的元素作為上下文來執行一個函數。

Callback: 對于每個匹配的元素所要執行的函數

 live(type, [data], fn)

事件委托：對一個還沒有添加進DOM的元素有效

type:一個或多個事件類型，由空格分隔多個事件。

fn:要從每個匹配元素的事件中反綁定的事件處理函數

插入節點方法

插入方式

方法

描述

內容插入

Append(content)

后置，$(A).append(B)表示把B追加到A中

appendTo(content)

后置，$(A).appendTo(B)表示把A追加到B中

Prepend(content)

前置，$(A). Prepend (B)表示把B追加到A中

prependTo(content)

前置，$(A). prependTo (B)表示把A追加到B中

外部插入

After(content)

后置，$(A). After (B)表示把B插入到A之后

insertAfter(content)

后置，$(A). insertAfter (B)表示把A插入到B之后

Before(content)

前置，$(A). Before (B)表示把B插入至A之前

insertBefore(content)

前置，$(A). insertBefore (B)表示把A插入至B之前

符號

描述

/…/

代表一個模式的開始和結束

^

匹配字符串的開始

$

匹配字符串的結束

\s

任何空白字符

\S

任何非空白字符

\d

匹配一個數字字符，等價于[0-9]

\D

除了數字之后的任何字符，等價于[^0-9]

\w

匹配一個數字、下劃線或字母字符，等價于[A-Za-z0-9_]

\W

任何非單字字符，等價于[^a-zA-Z0-9_]

.

除了換行符之外的任何字符

符號

描述

{n}

匹配前一項n次

{n,}

匹配前一項n次，或者多次

{n,m}

匹配前一項至少n次，但是不能超過m次

*

匹配前一項0次或多次，等價雨｛0，｝

+

匹配前一項1次或多次，等價于｛1，｝

?

匹配前一項0次或1次，也就是說前一項是可選的，等價于｛0，1｝