JQuery語法詳解

JQuery語法詳解

ID:32527838

大小:287.20 KB

頁數(shù):24頁

時間:2019-02-11

JQuery語法詳解_第1頁
JQuery語法詳解_第2頁
JQuery語法詳解_第3頁
JQuery語法詳解_第4頁
JQuery語法詳解_第5頁
資源描述:

《JQuery語法詳解》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、jQuery語法詳解您可以選?。ú樵儯琿uery)HTML元素,并對它們執(zhí)行“操作”(actions)。jQuery語法實例$(this).hide()演示jQueryhide()函數(shù),隱藏當(dāng)前的HTML的元素。$("#test").hide()演示jQueryhide()函數(shù),隱藏id="test"的元素。$("p").hide()演示jQueryhide()函數(shù),隱藏所有

元素。$(".test").hide()演示jQueryhide()函數(shù),隱藏所有class="test"的元素。jQuery語法jQuery語法是為HTML元素的選取編制,可以對元素執(zhí)行某些操作

2、?;A(chǔ)語法是:$(selector).action()·美元符號定義jQuery·選擇符(selector)“查詢”和“查找”HTML元素·jQueryaction()執(zhí)行對元素的操作實例$(this).hide()-隱藏當(dāng)前元素$("p").hide()-隱藏所有段落$("p.test").hide()-隱藏所有class="test"的段落$("#test").hide()-隱藏所有id="test"的元素提示:jQuery使用的語法是XPath與CSS選擇器語法的組合。在本教程接下來的章節(jié),您將學(xué)習(xí)到更多有關(guān)選擇器的語法。文檔就緒函數(shù)您也許已經(jīng)注意到在我們的實例中的所

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

4、。在HTMLDOM術(shù)語中:選擇器允許您對DOM元素組或單個DOM節(jié)點進行操作。jQuery元素選擇器jQuery使用CSS選擇器來選取HTML元素。$("p")選取

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

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

元素。var$test_a=$(".test:hidden");//選取class為“test”的元素里面的隱藏元素(后代選擇器)var$test_b=$(".test:hidden");//選取隱藏的class為“test”的元素有的選擇器的用法,必須是空格,如果不帶空格

5、的話,那就取不到元素,比如:pFT百度排名優(yōu)化$("select:selected").length;//不管任何時候,這個選擇器都取不到元素,這個length必然是0$("select:selected");//這樣才是正確的有的選擇器的用法,必須不帶空格,如果帶空格的話,那就取不到元素,比如:pFT百度排名優(yōu)化$("input:checked").length;//不管任何時候,這個選擇器都取不到元素,這個length必然是0jQuery屬性選擇器jQuery使用XPath表達式來選擇帶有給定屬性的元素。$("[href]")選取所有帶有href屬性的元素。$("[hr

6、ef='#']")選取所有帶有href值等于"#"的元素。$("[href!='#']")選取所有帶有href值不等于"#"的元素。$("[href$='.jpg']")選取所有href值以".jpg"結(jié)尾的元素。jQueryCSS選擇器jQueryCSS選擇器可用于改變HTML元素的CSS屬性。下面的例子把所有p元素的背景顏色更改為紅色:實例$("p").css("background-color","red");jQuery參考手冊-選擇器jQuery選擇器選擇器實例選取*$("*")所有元素#id$("#lastname")id=lastname的元素.class$(

7、".intro")所有class="intro"的元素element$("p")所有

元素.class.class$(".intro.demo")所有class=intro且class=demo的元素???:first$("p:first")第一個

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

元素:even$("tr:even")所有偶數(shù)元素:odd$("tr:odd")所有奇數(shù)元素???:eq(index)$("ulli:eq(3)")列表中的第四個元素(index從0開始):gt(

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動畫的文件,查看預(yù)覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時聯(lián)系客服。
3. 下載前請仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡(luò)波動等原因無法下載或下載錯誤,付費完成后未能成功下載的用戶請聯(lián)系客服處理。