jquery_day02(選擇器&應(yīng)用實例&表單插件)

jquery_day02(選擇器&應(yīng)用實例&表單插件)

ID：16486761

大?。?80.00 KB

頁數(shù)：16頁

時間：2018-08-10

jquery_day02(選擇器&應(yīng)用實例&表單插件)_第1頁
jquery_day02(選擇器&應(yīng)用實例&表單插件)_第2頁
jquery_day02(選擇器&應(yīng)用實例&表單插件)_第3頁
jquery_day02(選擇器&應(yīng)用實例&表單插件)_第4頁
jquery_day02(選擇器&應(yīng)用實例&表單插件)_第5頁
資源描述：

《jquery_day02(選擇器&應(yīng)用實例&表單插件)》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、陳浩夏JQuery1.8基礎(chǔ)教程V1.3day02：jQuery選擇器&應(yīng)用實例學(xué)習(xí)要點：1、jQuery選擇器（重點）a)基本選擇器b)層次選擇器c)過濾選擇器d)表單選擇器2、jQuery實用案例a)表格隔行變色b)表格的展開與收縮c)多選框與表格加亮d)廣告/五屏幻燈片一、jQuery選擇器詳細(xì)（重點）ljQuery選擇器分為：?基本選擇器?層次選擇器?過濾選擇器?表單選擇器l示例：demo-base.html?說明：u創(chuàng)建jQuery選擇器演示靜態(tài)頁面（里面包含各種div和span元素）u下面使用jQuery選擇器來匹配元素并調(diào)整它們的樣式時間：2012年12月授課：陳浩夏版權(quán)所有：陳

2、浩夏陳浩夏JQuery1.8基礎(chǔ)教程V1.3?圖示：?代碼：（略）1、基本選擇器1)概念/語法l基本選擇器是jQuery中最常用的選擇器，也是最簡單的選擇器，它通過元素id、class和標(biāo)簽名等來查找DOM元素l在網(wǎng)頁中，每個id名稱只能使用一次，class允許重復(fù)使用l基本選擇器的介紹說明如下表所示選擇器描述返回示例#id根據(jù)給定的id匹配一個元素單個元素$("#test")選取id為test的元素.class根據(jù)給定的類名匹配元素集合元素$(".test")選取所有class為test的元素element根據(jù)給定的元素名匹配元素集合元素$("p")選取所有的

元素*匹配所有元素集合元素

3、$("*")選取所有的元素（組選擇器）將每一個選擇器匹配到元素合并后一起返回集合元素$("div,span,p,.時間：2012年12月授課：陳浩夏版權(quán)所有：陳浩夏陳浩夏JQuery1.8基礎(chǔ)教程V1.3selector1,selectr2……,selectorNmyClass")選取所有

,和擁有class為myClass的

標(biāo)簽的一組元素1)示例l示例：demo01-jq.htmll可以使用這些基本選擇器來完成絕大多數(shù)的工作l下面用它們來匹配剛才HTML代碼中的

，等元素并進(jìn)行操作（改變背景色），示例如下表所示：功能代碼改變id為one的元素的背

4、景色$('#one').css("background","#bbffaa")改變class為mini的所有元素的背景色$('.mini').css("background","#bbffaa")改變元素名是

的所有元素的背景色$('div').css("background","#bbffaa")改變所有元素的背景色$('*').css("background","#bbffaa")改變所有的元素和id為two的元素的背景色$('span,#two').css("background","#bbffaa")1、層次選擇器1)概念/語法l如果想通過DOM元素之間的層次關(guān)系來

5、獲取特定元素，例如后代元素、子元素、相鄰元素和兄弟元素等，那么層次選擇器是一個非常好的選擇l層次選擇器的介紹說明如下表所示：選擇器描述返回示例（后代選擇器）$("ancestordescebdabt")選取ancestor元素里的所有descendant(后代)元素集合元素$("divspan")選取

里的所有的元素（子選擇器）集合元素$("div>時間：2012年12月授課：陳浩夏版權(quán)所有：陳浩夏陳浩夏JQuery1.8基礎(chǔ)教程V1.3$("parent>child")選取parent元素下child(子)元素，與$("ancestordescebdabt")有區(qū)別，$(

6、"ancestordescebdabt")選擇的是后代元素span")選取

元素下元素名是的子元素（臨近選擇器）$('prev+next')選擇進(jìn)階在prev元素后的next元素集合元素$('.one+.div')選取class為one的下一個div元素$('prev~slblings')選擇prev元素之后的所有slblings元素集合元素$('#two~div'')選取id為two的元素后面的所有
兄弟元素1)示例l示例：demo01-jq.htmll繼續(xù)沿用剛才例子中的HTML和CSS代碼，然后用層次選擇器來對網(wǎng)頁中的
，等元素進(jìn)行操作，示

7、例如下表所示：功能代碼改變(body>內(nèi)所有

的背景色$('bodydiv).css("background","#bbffaa")改變內(nèi)子
元素的背景色$('body>div').css("background","#bbffaa")改變class為one的下一個
元素背景色$('.one+div').css("background","#bbffaa")改變

當(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)容符合您的需求后進(jìn)行下載，若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡(luò)波動等原因無法下載或下載錯誤，付費完成后未能成功下載的用戶請聯(lián)系客服處理。