jQuery元素屬性操作實(shí)例(設(shè)置、獲取及刪除元素屬性)
本文實(shí)例講述了jQuery元素屬性操作的方法。分享給大家供大家參考,具體如下:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="js/jquery-1.10.1.min.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ $(function(){ //設(shè)置<p>元素的屬性'title' $("input:eq(0)").click(function(){ $("p").attr("title","選擇你最喜歡的水果."); }); //獲取<p>元素的屬性'title' $("input:eq(1)").click(function(){ alert( $("p").attr("title") ); }); //刪除<p>元素的屬性'title' $("input:eq(2)").click(function(){ $("p").removeAttr("title"); }); }); //]]> </script> </head> <body> <input type="button" value="設(shè)置<p>元素的屬性'title'"/> <input type="button" value="獲取<p>元素的屬性'title'"/> <input type="button" value="刪除<p>元素的屬性'title'"/> <p title="T選擇你最喜歡的水果." >你最喜歡的水果是?</p> <ul> <li title='蘋(píng)果'>蘋(píng)果</li> <li title='橘子'>橘子</li> <li title='菠蘿'>菠蘿</li> </ul> </body> </html>
效果圖:
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題:《jQuery常見(jiàn)事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery常見(jiàn)經(jīng)典特效匯總》、《jQuery動(dòng)畫(huà)與特效用法總結(jié)》及《jquery選擇器用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
- JQuery獲取與設(shè)置HTML元素的內(nèi)容或文本的實(shí)現(xiàn)代碼
- jQuery 獲取、設(shè)置HTML或TEXT內(nèi)容的兩種方法
- Jquery 獲取指定標(biāo)簽的對(duì)象及屬性的設(shè)置與移除
- jQuery使用attr()方法同時(shí)設(shè)置多個(gè)屬性值用法實(shí)例
- jquery修改屬性值實(shí)例代碼(設(shè)置屬性值)
- jquery選擇器、屬性設(shè)置用法經(jīng)驗(yàn)總結(jié)
- jquery attr()設(shè)置和獲取屬性值實(shí)例教程
- jQuery 設(shè)置 CSS 屬性示例介紹
- jQuery 獲取/設(shè)置/刪除DOM元素的屬性以a元素為例
- 詳解jQuery獲取特殊屬性的值以及設(shè)置內(nèi)容
- jQuery HTML設(shè)置內(nèi)容和屬性操作實(shí)例分析
相關(guān)文章
jquery.post用法關(guān)于type設(shè)置問(wèn)題補(bǔ)充
當(dāng)使用ajax獲取data數(shù)據(jù)的時(shí)候,直接data.foo就可以得到。而較低版本的jquery就不行比如1.4之前,下面為大家介紹下jquery.post用法關(guān)于type設(shè)置問(wèn)題2014-01-01基于jQuery的倒計(jì)時(shí)實(shí)現(xiàn)代碼
昨天看了妙味課堂的倒計(jì)時(shí)視頻,自己學(xué)著寫(xiě)了下,需要的朋友可以參考下2012-05-05jquery+ajax驗(yàn)證不通過(guò)也提交表單問(wèn)題處理
這篇文章主要介紹了jquery validationEngine中使用ajax驗(yàn)證不通過(guò)也提交表單問(wèn)題處理,需要的朋友可以參考下2014-12-12JQuery 綁定事件時(shí)傳遞參數(shù)的實(shí)現(xiàn)方法
JQuery 綁定事件時(shí)傳遞參數(shù)的實(shí)現(xiàn)方法,需要的朋友可以參考下。2009-10-10jquery給圖片添加鼠標(biāo)經(jīng)過(guò)時(shí)的邊框效果
鼠標(biāo)經(jīng)過(guò)時(shí)圖片產(chǎn)生塌陷,實(shí)則應(yīng)該將邊框控制直接加在IMG標(biāo)簽上即可,下面有個(gè)不錯(cuò)的示例,大家可以感受下2013-11-11jQuery基于排序功能實(shí)現(xiàn)上移、下移的方法
這篇文章主要介紹了jQuery基于排序功能實(shí)現(xiàn)上移、下移的方法,結(jié)合實(shí)例形式分析了jQuery使用ajax與后臺(tái)php交互實(shí)現(xiàn)元素的排序,上移、下移功能相關(guān)操作技巧2016-11-11jquery easyui滾動(dòng)條部分設(shè)置介紹
dialog并沒(méi)有隨著滾動(dòng)條往下滾動(dòng),這時(shí)就需要用戶(hù)滑動(dòng)滾動(dòng)條來(lái)定位dialog,在說(shuō)出解決方案前先來(lái)普及一下jquery關(guān)于定位的幾個(gè)方法2013-09-09jQuery select的操作實(shí)現(xiàn)代碼
jQuery對(duì)select的操作的實(shí)際應(yīng)用代碼。方便大家學(xué)習(xí)jquery2009-05-05jQuery解析XML文件同時(shí)動(dòng)態(tài)增加js文件的方法
這篇文章主要介紹了jQuery解析XML文件同時(shí)動(dòng)態(tài)增加js文件的方法,涉及jQuery Ajax調(diào)用及返回函數(shù)中增加js文件的相關(guān)使用技巧,需要的朋友可以參考下2015-06-06通過(guò)點(diǎn)擊jqgrid表格彈出需要的表格數(shù)據(jù)
在眾多的表格插件中,jqgrid的特點(diǎn)是非常鮮明的,所以jqgrid表格插件用處非常廣泛,本篇文章給大家介紹通過(guò)點(diǎn)擊jqgrid表格彈出需要的表格數(shù)據(jù),需要的朋友參考下2015-12-12