日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

jQuery教程08-属性筛选选择器

發布時間:2025/3/15 编程问答 24 豆豆
生活随笔 收集整理的這篇文章主要介紹了 jQuery教程08-属性筛选选择器 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

jQuery選擇器之屬性篩選選擇器

屬性選擇器讓你可以基于屬性來定位一個元素。可以只指定該元素的某個屬性,這樣所有使用該屬性而不管它的值,這個元素都將被定位,也可以更加明確并定位在這些屬性上使用特定值的元素,這就是屬性選擇器展示它們的威力的地方。
描述如下:

瀏覽器支持:

  • [att=val]、[att]、[att|=val]、[att~=val] 屬于CSS 2.1規范
  • [ns|attr]、[att^=val]、[att*=val]、[att$=val] 屬于CSS3規范
  • [name!=“value”] 屬于jQuery 擴展的選擇器

注意:在這么多屬性選擇器中[attr=“value”]和[attr*=“value”]是最實用的。

[attr=“value”]能幫我們定位不同類型的元素,特別是表單form元素的操作,比如說:input[type=“text”],input[type=“checkbox”]等。
[attr*=“value”]能在網站中幫助我們匹配不同類型的文件。

<!DOCTYPE html> <html><head><meta http-equiv="Content-type" content="text/html; charset=utf-8" /><title></title><link rel="stylesheet" href="imooc.css" type="text/css"><script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script><style>.left {width: auto;height: 120px;}.left div {width: 100px;height: 70px;padding: 5px;margin: 5px;float: left;background: #bbffaa;border: 1px solid #ccc;}.bottom {width: 800px;}.bottom div,.bottom span {display: block;width: 80px;height: 80px;margin: 5px;background: #bbffaa;float: left;font-size: 14px;}.bottom .small {width: 60px;height: 25px;font-size: 12px;background: #fab;}</style> </head><body><h2>屬性篩選選擇器</h2><h3>[att=val]、[att]、[att|=val]、[att~=val]</h3><div class="left" testattr="true" ><div class="div" testattr="true" name='p1'><a>[att=val]</a></div><div class="div" testattr="true" p2><a>[att]</a></div><div class="div" testattr="true" name="-"><a>[att|=val]</a></div><div class="div" testattr="true" name="a b"><a>[att~=val]</a></div></div><script type="text/javascript">//查找所有div中,屬性name=p1的div元素$('div[name=p1]').css("border", "3px groove red"); </script><script type="text/javascript">//查找所有div中,有屬性p2的div元素$('div[p2]').css("border", "3px groove blue"); </script><script type="text/javascript">//查找所有div中,有屬性name中的值只包含一個連字符“-”的div元素$('div[name|="-"]').css("border", "3px groove #00FF00"); </script><script type="text/javascript">//查找所有div中,有屬性name中的值包含一個連字符“空”和“a”的div元素$('div[name~="a"]').css("border", "3px groove #668B8B"); </script><h3>[att^=val]、[att*=val]、[att$=val]、[att!=val]</h3><div class="left" testattr="true" ><div class="div" testattr="true" name='imooc-aaorn'><a>[att^=val]</a></div><div class="div" testattr="true" name='aaorn-imooc'><a>[att$=val]</a></div><div class="div" testattr="true" name="attr-test-selector"><a>[att*=val]</a></div><div class="div" name="a b"><a>[att!=val]</a></div></div><script type="text/javascript">//查找所有div中,屬性name的值是用imooc開頭的$('div[name^=imooc]').css("border", "3px groove red"); </script><script type="text/javascript">//查找所有div中,屬性name的值是用imooc結尾的$('div[name$=imooc]').css("border", "3px groove blue"); </script><script type="text/javascript">//查找所有div中,有屬性name中的值包含一個test字符串的div元素$('div[name*="test"]').css("border", "3px groove #00FF00"); </script><script type="text/javascript">//查找所有div中,有屬性testattr中的值沒有包含"true"的div$('div[testattr!="true"]').css("border", "3px groove #668B8B"); </script></body> </html>

總結

以上是生活随笔為你收集整理的jQuery教程08-属性筛选选择器的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。

主站蜘蛛池模板: www.午夜激情| 美女久久久久久 | 视频在线中文字幕 | 成人av观看 | 大色综合| 麻豆一区二区三区精品视频 | 丰满少妇在线观看资源站 | 久久一二| 性一交一乱一区二区洋洋av | 国产精品18久久久久久vr下载 | 免费小视频在线观看 | 成人午夜在线观看 | 精久久久久久 | 在线视频免费观看一区 | 欧美日韩小说 | 我会温柔一点的日剧 | 日日弄天天弄美女bbbb | 玩偶姐姐在线观看免费 | 成人黄色录像 | 欧美日韩在线第一页 | av二区在线 | 久久久久久久极品内射 | 亚洲精品另类 | 漂亮少妇高潮午夜精品 | 影音先锋国产 | 国产一级免费av | 毛片在线免费观看网站 | 逼逼av网站 | 久久最新网址 | 海角社区id | 欧美精品videos极品 | 亚洲欧美国产精品 | 亚洲色图第三页 | 成人爽爽视频 | 真人毛片视频 | 骚黄网站 | www国产91| 懂色av色吟av夜夜嗨 | 精品久久久久久无码国产 | 奇米影视7777 | 日韩一区av在线 | 激情91| 日本亚洲精品 | 午夜激情在线观看 | 国产中文字幕av | 伊人黄色网 | 福利视频黄色 | 日本熟妇人妻中出 | 女同动漫免费观看高清完整版在线观看 | 人人97 | 黄色另类小说 | 国产高清小视频 | 日韩精品tv| 韩国一区二区三区在线观看 | 日韩国产欧美在线视频 | 欧美xxxⅹ性欧美大片 | 最新超碰 | 青青视频免费 | 大桥未久在线视频 | 国产福利精品一区 | 国外精品视频 | 理论片琪琪午夜电影 | 暖暖日本在线视频 | 亚洲综合免费观看高清完整版在线 | 亚洲v在线观看 | 日韩在线不卡视频 | 久久这里有精品视频 | 国产一级黄色 | 欧美性受xxxx黑人xyx性 | 国产情侣一区 | 欧美一级大片在线观看 | 婷婷综合五月 | av第一福利大全导航 | 国产精品一级黄片 | 日本全黄裸体片 | 日剧网| 亚洲性在线 | 岛国精品资源网站 | 欧美 日韩 国产 亚洲 色 | 91琪琪| 欧美性videos高清精品 | 日韩一区二区三区不卡 | www.狠狠插 | 色九月婷婷 | 国产视频1区2区3区 国产欧美一区二区精品性色99 | 日韩有码一区 | 日韩一区二区在线观看视频 | 中文视频在线观看 | 国产精品一区二区av白丝下载 | 亚洲码无人客一区二区三区 | 91国偷自产一区二区三区女王 | 在线日韩中文字幕 | 天天干天天插天天操 | 草久久av | 两个小y头稚嫩紧窄h文 | 天天舔天天射 | 精品乱码一区二区三四区视频 | 国产suv精品一区二区60 | 国产老女人乱淫免费可以 |