jQuery中[attribute]選擇器用法實例
更新時間：2014年12月31日 09:09:46 投稿：shichen2014
這篇文章主要介紹了jQuery中[attribute]選擇器用法,以實例形式分析了[attribute]選擇器的功能、定義及匹配給定元素屬性的技巧,具有一定的參考借鑒價值,需要的朋友可以參考下
本文實例講述了jQuery中[attribute]選擇器用法。分享給大家供大家參考。具體分析如下：
此選擇器能夠匹配帶有給定屬性的元素。
語法結(jié)構(gòu):
復(fù)制代碼 代碼如下:
$("[attribute]")
參數(shù)列表:
實例代碼:
復(fù)制代碼 代碼如下:
<!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專區(qū)</li>
<li id="second" title="jquery">Jquery專區(qū)</li>
</ul>
<ul>
<li id="third">歡迎來到腳本之家</li>
<li>腳本之家歡迎您</li>
</ul>
<button>點擊查看效果</button>
</body>
</html>
以上代碼可以將具有title屬性的li元素中的文本顏色設(shè)置為藍(lán)色。
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
jQuery實現(xiàn)動畫、消失、顯現(xiàn)、漸出、漸入效果示例
這篇文章主要介紹了jQuery實現(xiàn)動畫、消失、顯現(xiàn)、漸出、漸入效果,結(jié)合實例形式分析了jQuery中animate()、hide()、show()、slideUp()、slideDown()、slideToggle()、fadeOut()、fadeIn()等方法簡單使用技巧,需要的朋友可以參考下2018-09-09
Jquery實現(xiàn)鼠標(biāo)移上彈出提示框、移出消失思路及代碼
具體思路為：.首先要定位實現(xiàn)這種效果的元素 ，本次通過class；如果是動態(tài)顯示不同的提示內(nèi)容，需設(shè)置title;通過JQ給定位到元素加上 mouseover 和mouseout 事件2013-05-05
這篇文章主要介紹了jQuery動態(tài)改變多行文本框高度的方法,結(jié)合實例形式分析了jQuery響應(yīng)鼠標(biāo)事件動態(tài)修改頁面元素屬性的相關(guān)技巧,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了jQuery點擊頁面其他部分隱藏下拉菜單功能,本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下2018-11-11
JQuery自適應(yīng)窗口大小導(dǎo)航菜單附源碼下載
本文給大家分享jquery自適應(yīng)窗口大小導(dǎo)航菜單，也是一款響應(yīng)式的導(dǎo)航菜單，有深色樣式、淺色樣式、自定義樣式，接下來，需要的學(xué)習(xí)的小伙伴參考此文吧2015-09-09
這幾天一直在研究JQuery，確實很好用，有很多需求都是要彈出框，并且要定位，我這寫個簡單的例子，希望能分享給大家.2010-12-12
checkbox是復(fù)選框如何將其變?yōu)閱芜x呢？下面有個不錯的示例，感興趣的朋友可以參考下2013-11-11
這篇文章主要介紹了jquery實現(xiàn)的V字形顯示效果代碼,涉及jQuery數(shù)學(xué)運算及樣式操作的相關(guān)技巧,需要的朋友可以參考下2015-10-10
jQuery關(guān)鍵詞說明插件cluetip使用指南
我們在做web項目的時候，經(jīng)常會使用到提示效果。html自帶的提示效果是label標(biāo)簽的title，但是這個效果過于簡單和難看，并且不方便調(diào)整樣式。今天我偶然發(fā)現(xiàn)個jQuery的插件，可以很方便的做出漂亮的提示效果。2015-04-04
jquery $.ajax相關(guān)用法分享，使用jquery的朋友可以參考下2012-03-03