今天學(xué)習(xí)了jQuery,，便想總結(jié)一下常用的jQuery函數(shù),，供大家參考，也供自己備用

1,、$()獲取指定對象

$()里面可以寫標(biāo)簽名,，也可以寫id名，例如$("#id名") ,還可以寫class名

2,、.click()單擊事件

點(diǎn)擊此元素所觸發(fā)的事件

3,、.blur()離焦事件

焦點(diǎn)離開元素所觸發(fā)的事件

4、.focus()聚焦事件

焦點(diǎn)進(jìn)入元素所觸發(fā)的事件

5,、.css()獲取或設(shè)置元素的css樣式

函數(shù)可以有一個(gè)或兩個(gè)參數(shù),，當(dāng)參數(shù)為一個(gè)時(shí)，可以獲取css指定屬性的值,，例如.css("background-color"),，可以獲取指定元素的背景顏色。當(dāng)參數(shù)有兩個(gè)時(shí),，可以修改css指定屬性的值,，例如.css("background-color","red")，可以將指定元素的背景顏色修改為紅色

6,、.html()返回或設(shè)置被選元素的內(nèi)容,，包括其中的標(biāo)簽

例如<a href="#" id="a1"><strong>這是文本內(nèi)容</strong></a>，則調(diào)用$("#a1").html()會(huì)返回 <strong>這是文本內(nèi)容</strong>,，如果函數(shù)里寫上參數(shù),，則可以給元素設(shè)置內(nèi)容(不止是設(shè)置純文本內(nèi)容，標(biāo)簽也可以),。剛才的例子如果調(diào)用$("#a1").html("abc")，則會(huì)將元素修改為<a href="#" id="a1">abc</a>

7,、.text()返回或設(shè)置被選元素的純文本內(nèi)容

例如<a href="#" id="a1"><strong>這是文本內(nèi)容</strong></a>,，則調(diào)用$("#a1").text()會(huì)返回 這是文本內(nèi)容，如果函數(shù)里寫上參數(shù),，則可以給元素設(shè)置內(nèi)容(不止是設(shè)置純文本內(nèi)容,，標(biāo)簽也可以)，剛才的例子如果調(diào)用$("#a1").text("abc"),，則會(huì)將元素修改為<a href="#" id="a1">abc</a>

8,、.val()返回或設(shè)置被選元素的value值(貌似只能作用在表單元素上)

例如<input type="text" value="元素內(nèi)容" id="input1"/>，調(diào)用$("#input1").val()則會(huì)返回 元素內(nèi)容 ,，如果函數(shù)里寫上參數(shù),，則可以給元素設(shè)置內(nèi)容，剛才的例子如果調(diào)用$("#input1").val("abc"),，則會(huì)將元素修改為<input type="text" value="abc" id="input1"/>

9,、attr()設(shè)置或返回元素的屬性值(推薦在獲取或設(shè)置元素的非固有屬性時(shí)使用)

例如<div id="div1" name="aaa">div1</div>,，則調(diào)用$("#div1").attr("name")會(huì)返回name的值aaa，如果調(diào)用$("#div1").attr("name","bbb")則會(huì)將name的值設(shè)置為bbb

10,、.removeAttr()刪除指定元素的屬性

例如<div id="div1" name="aaa">div1</div>,，則調(diào)用$("#div1").removeAttr("name")會(huì)刪除name屬性

11、prop()設(shè)置或返回元素的屬性值(推薦在獲取或設(shè)置元素的固有屬性時(shí)使用)

例如<input type="button" value="點(diǎn)我" id="b1" /> ,，則調(diào)用$("#b1").prop("type")會(huì)返回type的值button,，如果調(diào)用$("#b1").attr("type","radio")則會(huì)將type的值設(shè)置為radio

12、.removeProp()刪除指定元素的屬性

例如<input type="button" value="點(diǎn)我" id="b1" /> ,，則調(diào)用$("#b1").removeProp("value")會(huì)刪除value屬性

13,、.addClass()為元素添加類選擇器

例如<div id="div1" name="aaa">div1</div>，則調(diào)用$("#div1").addClass("div4")可以將div的class設(shè)置為.div4

14,、.removeClass()刪除元素的類選擇器

例如<div id="div1" name="aaa" class="div4">div1</div>,，則調(diào)用$("#div1").removeClass("div4")可以刪除div的名叫div4的class

15、.append()將某個(gè)元素添加到指定元素的里面,，并且排在最后

例如

    <ul id="city">
        <li id="bj" name="beijing">北京</li>
        <li id="tj" name="tianjin">天津</li>
        <li id="cq" name="chongqing">重慶</li>
    </ul>

    <ul id="love">
        <li id="fk" name="fankong">反恐</li>
        <li id="xj" name="xingji">星際</li>
    </ul>

$("#city").append($("#fk"))會(huì)將反恐放置到city的后面

16,、.prepend()將某個(gè)元素添加到指定元素的里面，并且排在最前面

例如剛才那個(gè)例子 $("#city").prepend($("#fk")) 將反恐放置到city的最前面

17,、.after()將某個(gè)元素添加到指定元素之后,，他們是同級兄弟關(guān)系

例如剛才那個(gè)例子 $("#tj").after($("#fk")) 將反恐插入到天津后面

18、.before()將某個(gè)元素添加到指定元素之前,，他們是同級兄弟關(guān)系

例如剛才那個(gè)例子 $("#tj").before($("#fk")) 將反恐插入到天津前面

19,、.remove()將某個(gè)元素刪除

例如剛才那個(gè)例子 $("#fk").remove()，則可以將這個(gè)元素刪除

20,、.empty()將后代的所有元素清空,，但是保留當(dāng)前對象及其屬性節(jié)點(diǎn)

例如剛才那個(gè)例子 $("#city").empty()，則可以將其后代的所有l(wèi)i都清空,，但是其自身ul保留了下來