jQuery框架和AJAX技術(shù)第二章課件.ppt

jQuery框架和AJAX技術(shù)第二章課件.ppt

ID：57057974

大?。?56.00 KB

頁數(shù)：20頁

時間：2020-07-30

jQuery框架和AJAX技術(shù)第二章課件.ppt_第1頁
jQuery框架和AJAX技術(shù)第二章課件.ppt_第2頁
jQuery框架和AJAX技術(shù)第二章課件.ppt_第3頁
jQuery框架和AJAX技術(shù)第二章課件.ppt_第4頁
jQuery框架和AJAX技術(shù)第二章課件.ppt_第5頁
資源描述：

《jQuery框架和AJAX技術(shù)第二章課件.ppt》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、第二章jQuery中的選擇器回顧jQuery簡介編寫簡單的jQuery程序jQuery對象和DOM對象jQuery中的基本選擇器包裝集的管理目標(biāo)選擇器簡介層次選擇器過濾選擇器表單選擇器選擇器的概念CSS選擇器它使得網(wǎng)頁的結(jié)構(gòu)和表現(xiàn)樣式完全分離。利用CSS選擇器能輕松地對某個元素添加樣式而不改動HTML結(jié)構(gòu)jQuery選擇器jQuery中的選擇器完全繼承了CSS風(fēng)格。利用jQuery選擇器，可以非常便捷和快速地找出特定的DOM元素，然后為它們添加相應(yīng)的行為，而無需擔(dān)心瀏覽器是否支持這一選擇器。層次選擇器選擇器描述示例$("ances

2、tordescendant")選取ancestor元素里的所有descendant(后代)元素$("divspan")選取

里的所有的元素$("parent>child")選取parent元素下的child(子)元素$("div>span")選取
元素下元素名是的子元素$("prev+next")選取緊接在prev元素后的next元素$("div+span")選取
元素的下一個兄弟元素$("prev~siblings")選取prev元素之后的所有siblings元素$("

3、div~span")選取

元素后面的所有兄弟元素層次選擇器示例頁面JavaScript代碼片段$(function(){//將所有input對應(yīng)的文本框的長度設(shè)為100px$("input").css("width","100px");//將form下面的所有后代input元素添加紅色背景色$("forminput").css("background-color","red");//將id為id_div的div元素下的span子節(jié)點添加下劃線$("#id_div>span").css("text-decorat

4、ion","underline");//將label元素的下一個input元素的邊框樣式修改$("label+input").css("border-top","none").css("border-left","none").css("border-right","none");//將id為myDiv的div元素后的所有兄弟節(jié)點添加背景色$("#myDiv~span").css("background-color","gray");});基本過濾選擇器選擇器描述示例:first選取第一個元素$("div:first")選取所有<

5、div>元素中第一個

元素:last選取最后一個元素$("div:last")選取所有
元素中最后一個
元素:not(selector)去除所有與給定選擇器匹配的元素$("input:not(.myClass)")選取類名不是myClass的元素:even選取索引是偶數(shù)的所有元素，索引從0開始$("input:even")選取索引是偶數(shù)的元素:odd選取索引是奇數(shù)的所有元素，索引從0開始$("input:odd")選取索引是奇數(shù)的元素:eq(index)選取索引等于

6、index的元素(index從0開始)$("input:eq(1)")選取索引等于1的元素:gt(index)選取索引大于index的元素(index從0開始)$("input:gt(1)")選取索引大于1的元素:lt(index)選取索引小于index的元素(index從0開始)$("input:lt(1)")選取索引小于1的元素:header選取所有標(biāo)題元素，例如：h1,h2,h3等等$(":header")選取網(wǎng)頁中所有的標(biāo)題元素基本過濾選擇器示例頁面JavaScript代碼片段

7、cripttype="text/javascript">$(function(){$("tr:even").css("background-color","red");});這里是內(nèi)容這里是內(nèi)容這里是內(nèi)容這里是內(nèi)容這里是內(nèi)容這里是內(nèi)容

8、e>內(nèi)容過濾選擇器選擇器描述示例:contains(text)選取含有文本內(nèi)容為text的元素$("div:contains('abc')")選取含有文本"abc"的

元素:empty選取不包含子元素或者文本的空元素$("div:empty

當(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)系客服處理。