jquery實現的讀取dat-*自定義資料程式碼例項
本章節分享一段簡單的程式碼例項,它能夠讀取或者設定元素的dat-*自定義屬性值。
程式碼非常的簡單,僅供參考之用,這裡不多介紹,程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> ul li{ width:250px; height:20px; list-style:none; font-size:12px; } </style> </head> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(function(){ $("li").each(function(v) { console.log($(this).data('name')); }); $("li").eq(0).data('name','bryant'); $("li").each(function(v){ console.log($(this).data('name')); }); $("li").eq(0).removeAttr('data-name'); $("li").each(function(v) { console.log($(this).data('name')); }); }) </script> <body> <ul> <li data-name="css">css教程</li> <li data-name="javascript">javascript教程</li> <li data-name="div">div教程</li> <li data-name="jquery">jquery教程</li> </ul> </body> </html>
上面的程式碼實現了我們的要求,可能很多初學者還不知道console.log()的作用是什麼,這是在控制檯輸出資料,點選F12就可以檢視相應的執行結果了。
相關文章
- jQuery自定義標籤程式碼例項jQuery
- jquery實現的讀取並解析xml檔案程式碼例項jQueryXML
- jquery自定義事件簡單例項程式碼jQuery事件單例
- node.js實現的自定義事件程式碼例項Node.js事件
- ajax讀取資料庫資料程式碼例項資料庫
- jquery實現獲取outerHTML內容程式碼例項jQueryHTML
- jQuery遍歷讀取json格式資料簡單程式碼例項jQueryJSON
- js自定義實現的簡單編碼和解碼程式碼例項JS
- js實現jquery的extend()程式碼例項JSjQuery
- jQuery實現的tab選項卡程式碼例項jQuery
- jquery實現的選項卡效果例項程式碼jQuery
- jQuery清除快取例項程式碼jQuery快取
- jquery實現的分頁效果例項程式碼jQuery
- jQuery實現的隔行變色程式碼例項jQuery
- jquery實現的滑動門程式碼例項jQuery
- jQuery實現滑動門程式碼例項jQuery
- jQuery實現的選項卡的巢狀程式碼例項jQuery巢狀
- 使用js實現儲存讀取js字串程式碼例項JS字串
- jquery實現的解析xml檔案程式碼例項jQueryXML
- jQuery實現的數字分頁程式碼例項jQuery
- jQuery實現的非同步請求程式碼例項jQuery非同步
- jQuery實現的錨點平滑定位程式碼例項jQuery
- jquery實現的滑動軸效果程式碼例項jQuery
- jQuery實現的JSONP應用程式碼例項jQueryJSON
- jQuery實現的div垂直水平居中例項程式碼jQuery
- jquery實現的下拉和收縮程式碼例項jQuery
- jquery.idTabs實現的選項卡程式碼例項jQuery
- jquery獲取元素高度程式碼例項jQuery
- jQuery清除表單資料程式碼例項jQuery
- css實現的字串擷取程式碼例項CSS字串
- jQuery實現的獲取m到n之間的li元素程式碼例項jQuery
- jquery實現的獲取當前元素的上一個元素程式碼例項jQuery
- jQuery實現設定字型大小程式碼例項jQuery
- jquery獲取圖片的實際尺寸大小程式碼例項jQuery
- jQuery獲取指定的li元素程式碼例項jQuery
- jQuery獲取視窗尺寸的例項程式碼jQuery
- css自定義列表計數程式碼例項CSS
- jQuery實現的自動播放簡單程式碼例項jQuery