jQuery選擇器(一)
jQuery選擇器

在CSS中,選擇器的作業是選擇頁面中的某些HTML元素或者某一個HTML元素。jQuery中的選擇器使用“$",其方式更全面,而且不存在瀏覽器的兼容問題。
jQuery選擇器允許通過標簽名,屬性名或內容對HTML元素進行選擇或者修改HTML元素的樣式屬性。jQuery的選擇器很多,可以分為基本選擇器、層次選擇器、過濾選擇器和屬性選擇器。
基本選擇器
基本選擇器主要包括元素選擇器、ID選擇器、類選擇器以及并列選擇器等,選擇方法與CSS選擇器的方法相同。
1.元素選擇器
元素選擇器可以選中HTML文檔中所有的某個元素。如$(“p”)可以表示選中本網頁中所有的p元素,又如$("input")表示選中本網頁中所有的input元素。
2.ID選擇器
ID選擇器可以根據指定ID值返回一個唯一的元素。例1中定義一個ID為“myId”的
Hello
,單擊該ID標記內的文字時,把其中的文字內容由“Hello”改為“World”,使用ID選擇器選中該元素的方法是$(“#my”)。
【例1】
- 足球
- 羽毛球
- 籃球
圖3 祖先后代選擇器
圖4 改變列表顯示樣式
2.父子選擇器
在HTML中,元素之間存在包含關系。在例3中
元素的子元素是
- 元素,
- 元素,而元素的父元素是元素。父子選擇器的父元素和子元素之間使用符號“>”隔開,前后元素的嵌套關系只能是一層。例如, $("div>ul") 指選擇div元素內直接嵌套的ul元素。
例4中利用父子選擇器以及jQuery中的CSS()方法,完成與上例相同的程序代碼的功能。
【例4】
jQuery父子選擇器 - 足球
- 羽毛球
- 籃球
3.前后選擇器
前后選擇器可以選擇某元素的下一個同級兄弟元素,前后選擇器對兩個同級別的元素起作用,前后元素中間使用“+”分隔,選擇在某元素后面的next元素,相當于next()方法。例如,$("#my+img")是選擇id為my的元素后的第一個同級別img元素,相當于$("#my"). next("img")。
例5是一個驗證用戶輸入數據是否為空的頁面,如果為空,則給出相應的錯誤提示,在瀏覽器中的運行結果如圖所示。
【例5】
jQuery前后選擇器 亚洲成a人片77777老司机| 亚洲日本一区二区一本一道| 亚洲精品制服丝袜四区| 亚洲成av人片不卡无码久久| 亚洲码和欧洲码一码二码三码 | 亚洲一区在线视频| 久久精品国产亚洲AV无码娇色| 国产亚洲精品xxx| 亚洲AV无码专区电影在线观看| 亚洲va久久久噜噜噜久久| 亚洲av无码精品网站| 亚洲av无码乱码国产精品| 久久久亚洲精品无码| 亚洲视频2020| 亚洲日韩中文字幕天堂不卡| 久久久亚洲欧洲日产国码是AV| 综合自拍亚洲综合图不卡区| 亚洲欧洲国产综合| 亚洲免费黄色网址| 亚洲日韩精品无码专区加勒比| 亚洲国产精品99久久久久久| 精品亚洲成a人在线观看| 亚洲国产成人AV在线播放| 一本色道久久88综合亚洲精品高清 | 亚洲熟女少妇一区二区| 亚洲精品国产品国语在线| 亚洲av午夜成人片精品网站| 91亚洲国产成人久久精品网站| 亚洲欧洲日产国码www| 麻豆狠色伊人亚洲综合网站| 亚洲爆乳无码专区www| 国产一区二区三区亚洲综合| 亚洲欧洲中文日韩久久AV乱码| 中文亚洲AV片在线观看不卡 | 亚洲熟妇中文字幕五十中出| 亚洲成人精品久久| 亚洲日本香蕉视频| 亚洲高清国产拍精品熟女| 亚洲av无码不卡私人影院| 中文字幕精品亚洲无线码一区| 亚洲av丰满熟妇在线播放 |
- 元素的子元素是