jQuery中[attribute]選擇器用法實(shí)例
本文實(shí)例講述了jQuery中[attribute]選擇器用法。分享給大家供大家參考。具體分析如下:
此選擇器能夠匹配帶有給定屬性的元素。
語(yǔ)法結(jié)構(gòu):
參數(shù)列表:
實(shí)例代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("[title]").css("color","blue");
});
});
</script>
</head>
<body>
<ul>
<li id="first">html專(zhuān)區(qū)</li>
<li id="second" title="jquery">Jquery專(zhuān)區(qū)</li>
</ul>
<ul>
<li id="third">歡迎來(lái)到腳本之家</li>
<li>腳本之家歡迎您</li>
</ul>
<button>點(diǎn)擊查看效果</button>
</body>
</html>
以上代碼可以將具有title屬性的li元素中的文本顏色設(shè)置為藍(lán)色。
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
- jQuery中:only-child選擇器用法實(shí)例
- jQuery中:last-child選擇器用法實(shí)例
- jQuery中:nth-child選擇器用法實(shí)例
- jQuery中:first-child選擇器用法實(shí)例
- jQuery中復(fù)合屬性選擇器用法實(shí)例
- jQuery中[attribute*=value]選擇器用法實(shí)例
- jQuery中[attribute^=value]選擇器用法實(shí)例
- jQuery中[attribute=value]選擇器用法實(shí)例
- jQuery中[attribute!=value]選擇器用法實(shí)例
- jquery選擇器需要注意的問(wèn)題
- jQuery中:input選擇器用法實(shí)例
相關(guān)文章
jQuery實(shí)現(xiàn)動(dòng)畫(huà)、消失、顯現(xiàn)、漸出、漸入效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)動(dòng)畫(huà)、消失、顯現(xiàn)、漸出、漸入效果,結(jié)合實(shí)例形式分析了jQuery中animate()、hide()、show()、slideUp()、slideDown()、slideToggle()、fadeOut()、fadeIn()等方法簡(jiǎn)單使用技巧,需要的朋友可以參考下2018-09-09Jquery實(shí)現(xiàn)鼠標(biāo)移上彈出提示框、移出消失思路及代碼
具體思路為:.首先要定位實(shí)現(xiàn)這種效果的元素 ,本次通過(guò)class;如果是動(dòng)態(tài)顯示不同的提示內(nèi)容,需設(shè)置title;通過(guò)JQ給定位到元素加上 mouseover 和mouseout 事件2013-05-05jQuery動(dòng)態(tài)改變多行文本框高度的方法
這篇文章主要介紹了jQuery動(dòng)態(tài)改變多行文本框高度的方法,結(jié)合實(shí)例形式分析了jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)修改頁(yè)面元素屬性的相關(guān)技巧,需要的朋友可以參考下2016-09-09jQuery點(diǎn)擊頁(yè)面其他部分隱藏下拉菜單功能
這篇文章主要介紹了jQuery點(diǎn)擊頁(yè)面其他部分隱藏下拉菜單功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-11-11JQuery自適應(yīng)窗口大小導(dǎo)航菜單附源碼下載
本文給大家分享jquery自適應(yīng)窗口大小導(dǎo)航菜單,也是一款響應(yīng)式的導(dǎo)航菜單,有深色樣式、淺色樣式、自定義樣式,接下來(lái),需要的學(xué)習(xí)的小伙伴參考此文吧2015-09-09jquery checkbox實(shí)現(xiàn)單選小例
checkbox是復(fù)選框如何將其變?yōu)閱芜x呢?下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下2013-11-11jQuery關(guān)鍵詞說(shuō)明插件cluetip使用指南
我們?cè)谧鰓eb項(xiàng)目的時(shí)候,經(jīng)常會(huì)使用到提示效果。html自帶的提示效果是label標(biāo)簽的title,但是這個(gè)效果過(guò)于簡(jiǎn)單和難看,并且不方便調(diào)整樣式。今天我偶然發(fā)現(xiàn)個(gè)jQuery的插件,可以很方便的做出漂亮的提示效果。2015-04-04