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就可以檢視相應的執行結果了。
相關文章
- ajax讀取資料庫資料程式碼例項資料庫
- 自定義註解例項實現SQL語句生成SQL
- jQuery.map()方法程式碼例項jQuery
- jQuery tab選項卡效果程式碼例項jQuery
- JavaScript讀取文字檔案內容程式碼例項JavaScript
- jQuery利用name匹配元素程式碼例項jQuery
- jquery.idTabs.min.js選項卡程式碼例項jQueryJS
- jQuery點選滑出層效果程式碼例項jQuery
- jQuery table表格隔行換色程式碼例項jQuery
- CefSharp自定義快取實現快取
- 使用 jQuery 讀取 Vue 元件的資料jQueryVue元件
- JavaScript取餘數程式碼例項JavaScript
- jQuery實現的表格展開伸縮效果例項jQuery
- 127 PHP獲取網頁標題的3種實現方法程式碼例項PHP網頁
- 自定義 loader 讀取 *.vue 檔案原始碼Vue原始碼
- html實現簡單ListViews效果的例項程式碼HTMLView
- jQuery遍歷array陣列元素程式碼例項jQuery陣列
- Mybatis原始碼分析(七)自定義快取、分頁的實現MyBatis原始碼快取
- jQuery 例項jQuery
- vuejs實現新增tag標籤程式碼例項VueJS
- 例項程式碼分享Python實現Linux監控PythonLinux
- 基於python的大資料分析-pandas資料讀取(程式碼實戰)Python大資料
- jQuery點選文字框清除內容程式碼例項jQuery
- jQuery控制div顯示和隱藏程式碼例項jQuery
- php短視訊原始碼,jQuery實現自定義輪播圖外掛PHP原始碼jQuery
- Vue.js自定義指令的用法與例項Vue.js
- MyCat分片:水平拆分例項解析和程式碼實現!
- Java及Jquery獲取螢幕解析度的實現程式碼JavajQuery
- Vue 原始碼解析(例項化前) - 響應式資料的實現原理Vue原始碼
- Vue 原始碼解析(例項化前) – 響應式資料的實現原理Vue原始碼
- jquery自定義事件的使用jQuery事件
- Jquery實現的高亮效果程式碼分享jQuery
- Xamarin Essentials教程實現資料的傳輸功能例項
- Qt自定義訊號槽的使用淺析+例項QT
- 正則實現個位數補零程式碼例項
- jQuery記住使用者名稱和密碼效果程式碼例項jQuery密碼
- EventSource的自定義實現
- python 單一程式例項 實現Python
- 最佳實踐:負載均衡SLB支援自定義VPC例項IP地址負載