《完整版(jquery語(yǔ)法~)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、

2、jQuery語(yǔ)法您可以選?。ú樵?，query）HTML元素，并對(duì)它們執(zhí)行“操作”（actions）。jQuery語(yǔ)法實(shí)例$(this).hide()演示jQueryhide()函數(shù)，隱藏當(dāng)前的HTML的元素。$("#test").hide()演示jQueryhide()函數(shù)，隱藏id="test"的元素。$("p").hide()演示jQueryhide()函數(shù)，隱藏所有

元素。$(".test").hide()演示jQueryhide()函數(shù)，隱藏所有class="test"的元素。jQuery語(yǔ)法jQuery語(yǔ)法是為HTML元素的選取編制，可以對(duì)元素執(zhí)行某些操作?；A(chǔ)語(yǔ)法是：$(s

3、elector).action()·美元符號(hào)定義jQuery·選擇符（selector）“查詢”和“查找”HTML元素·jQueryaction()執(zhí)行對(duì)元素的操作實(shí)例$(this).hide()-隱藏當(dāng)前元素$("p").hide()-隱藏所有段落$("p.test").hide()-隱藏所有class="test"的段落$("#test").hide()-隱藏所有id="test"的元素提示：jQuery使用的語(yǔ)法是XPath與CSS選擇器語(yǔ)法的組合。在本教程接下來(lái)的章節(jié)，您將學(xué)習(xí)到更多有關(guān)選擇器的語(yǔ)法。文檔就緒函數(shù)您也許已經(jīng)注意到在我們的實(shí)例中的所有jQuery函數(shù)位于一個(gè)docume

4、ntready函數(shù)中：

5、$(document).ready(function(){---jQueryfunctionsgohere----});這是為了防止文檔在完全加載（就緒）之前運(yùn)行jQuery代碼。jQuery選擇器選擇器允許您對(duì)元素組或單個(gè)元素進(jìn)行操作。jQuery選擇器在前面的章節(jié)中，我們展示了一些有關(guān)如何選取HTML元素的實(shí)例。關(guān)鍵點(diǎn)是學(xué)習(xí)jQuery選擇器是如何準(zhǔn)確地選取您希望應(yīng)用效果的元素。jQuery元素選擇器和屬性選擇器允許您通過(guò)標(biāo)簽名、屬性名或內(nèi)容對(duì)HTML元素進(jìn)行選擇。選擇器允許您對(duì)HTML元素組或單個(gè)元素進(jìn)行操作。在HTMLDOM術(shù)語(yǔ)中：選擇器允許您對(duì)DOM元素組或

6、單個(gè)DOM節(jié)點(diǎn)進(jìn)行操作。jQuery元素選擇器jQuery使用CSS選擇器來(lái)選取HTML元素。$("p")選取

元素。$("p.intro")選取所有class="intro"的

元素。$("p#demo")選取id="demo"的第一個(gè)

元素。jQuery屬性選擇器jQuery使用XPath表達(dá)式來(lái)選擇帶有給定屬性的元素。$("[href]")選取所有帶有href屬性的元素。

7、$("[href='#']")選取所有帶有href值等于"#"的元素。$("[href!='#']")選取所有帶有href值不等于"#"的元素。$("[href$='.jpg']")選取所有href值以"

8、.jpg"結(jié)尾的元素。jQueryCSS選擇器jQueryCSS選擇器可用于改變HTML元素的CSS屬性。下面的例子把所有p元素的背景顏色更改為紅色：實(shí)例$("p").css("background-color","red");jQuery參考手冊(cè)-選擇器jQuery選擇器選擇器實(shí)例選取*$("*")所有元素#id$("#lastname")id=lastname的元素.class$(".intro")所有class="intro"的元素element$("p")所有

元素.class.class$(".intro.demo")所有class=intro且class=demo的元素???

9、:first$("p:first")第一個(gè)

元素:last$("p:last")最后一個(gè)

元素:even$("tr:even")所有偶數(shù)元素:odd$("tr:odd")所有奇數(shù)元素???

10、:eq(index)$("ulli:eq(3)")列表中的第四個(gè)元素（index從0開(kāi)始）:gt(no)$("ulli:gt(3)")列出index大于3的元素:lt(no)$("ulli:lt(3)")列出index小于3的元素:not(selector)$("input:not(:empty)")所有不為空的input元素???:header$(":header")所有標(biāo)題元素

11、

...:animated?所有動(dòng)畫(huà)元素???:contains(text)$(":contains('W3School')")包含文本的所有元素:empty$(":empty")無(wú)子（元素）節(jié)點(diǎn)的所有元素:hidden$("p:hidden")所有隱藏的

元素:visible$("table:visible")所有可見(jiàn)的表格???s1,s2,s3$("th,td,.intro")所有帶有匹