jQuery元素屬性操作實例(設置、獲取及刪除元素屬性)
本文實例講述了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(){ //設置<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="設置<p>元素的屬性'title'"/> <input type="button" value="獲取<p>元素的屬性'title'"/> <input type="button" value="刪除<p>元素的屬性'title'"/> <p title="T選擇你最喜歡的水果." >你最喜歡的水果是?</p> <ul> <li title='蘋果'>蘋果</li> <li title='橘子'>橘子</li> <li title='菠蘿'>菠蘿</li> </ul> </body> </html>
效果圖:
更多關于jQuery相關內(nèi)容感興趣的讀者可查看本站專題:《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery擴展技巧總結》、《jQuery拖拽特效與技巧總結》、《jQuery表格(table)操作技巧匯總》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
- JQuery獲取與設置HTML元素的內(nèi)容或文本的實現(xiàn)代碼
- jQuery 獲取、設置HTML或TEXT內(nèi)容的兩種方法
- Jquery 獲取指定標簽的對象及屬性的設置與移除
- jQuery使用attr()方法同時設置多個屬性值用法實例
- jquery修改屬性值實例代碼(設置屬性值)
- jquery選擇器、屬性設置用法經(jīng)驗總結
- jquery attr()設置和獲取屬性值實例教程
- jQuery 設置 CSS 屬性示例介紹
- jQuery 獲取/設置/刪除DOM元素的屬性以a元素為例
- 詳解jQuery獲取特殊屬性的值以及設置內(nèi)容
- jQuery HTML設置內(nèi)容和屬性操作實例分析
相關文章
JQuery 綁定事件時傳遞參數(shù)的實現(xiàn)方法
JQuery 綁定事件時傳遞參數(shù)的實現(xiàn)方法,需要的朋友可以參考下。2009-10-10jQuery解析XML文件同時動態(tài)增加js文件的方法
這篇文章主要介紹了jQuery解析XML文件同時動態(tài)增加js文件的方法,涉及jQuery Ajax調用及返回函數(shù)中增加js文件的相關使用技巧,需要的朋友可以參考下2015-06-06通過點擊jqgrid表格彈出需要的表格數(shù)據(jù)
在眾多的表格插件中,jqgrid的特點是非常鮮明的,所以jqgrid表格插件用處非常廣泛,本篇文章給大家介紹通過點擊jqgrid表格彈出需要的表格數(shù)據(jù),需要的朋友參考下2015-12-12