jQuery data()方法和HTML5 data-*自定義屬性
data()方法可以參閱jQuery data()方法一章節。
data-*可以參閱HTML5的data-*自定義屬性用法一章節。
下面就介紹一下如何利用data()方法來讀取自定義屬性。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> #antzone{ width:200px; height:100px; background:#ccc; line-height:100px; text-align:center; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("input").click(function(){ var url=$("#antzone").data("url"); $("#antzone").text(url); }) }); </script> </head> <body> <div id="antzone" data-url="www.softhwy.com"></div> <input type="button" value="檢視效果"/> </body> </html>
上面能夠讀取自定義屬性的值,屬性名稱不帶"data-"。
相關文章
- HTML5的data-*自定義屬性HTML
- data-* 自定義屬性
- jQuery的data()函式操作html5的自定義data-*屬性jQuery函式HTML
- jquery data()函式和html5 data屬性jQuery函式HTML
- 自動獲取HTML5的data-*屬性HTML
- html5標籤的data-*屬性用法簡單介紹HTML
- HTML5 data-*HTML
- [譯] HTML5 data 屬性規則使用 jQuery Validate 外掛HTMLjQuery
- css自定義屬性和聚光燈效果CSS
- 自定義View:自定義屬性(自定義按鈕實現)View
- CSS 自定義屬性指北CSS
- Android自定義屬性Android
- 自定義html標籤和表單屬性HTML
- jQuery事件物件event的屬性和方法jQuery事件物件
- Android自定義控制元件——自定義屬性Android控制元件
- 初識css自定義屬性CSS
- CSS 自定義屬性(變數)CSS變數
- 屬性動畫:如何自定義View動畫View
- easyui tree自定義屬性用法UI
- CSS自定義屬性Expression(轉)CSSExpress
- 4. 自定義控制元件(4) --- 自定義屬性控制元件
- Android自定義控制元件之自定義屬性Android控制元件
- jquery 操作HTML data全域性屬性快取的坑jQueryHTML快取
- jQuery data-*賦值或者獲取值程式碼例項jQuery賦值
- Android 自定義View:深入理解自定義屬性(七)AndroidView
- ubuntu下OpenLDAP新增自定義屬性UbuntuLDA
- 使用 CSS 自定義屬性(變數)CSS變數
- Android自定義View 屬性新增AndroidView
- 給自定義View新增xml屬性ViewXML
- Android自定義組合控制元件之自定義屬性Android控制元件
- android中自定義屬性重複定義Android
- [譯] 為函式自定義屬性的八種實現方法函式
- Android 自定義View:屬性動畫(六)AndroidView動畫
- 【譯】CSS 自定義屬性的策略指南CSS
- android 自定義控制元件 自定義屬性詳細介紹Android控制元件
- 【Jquery】jquery 自定義動畫jQuery動畫
- jQuery 屬性jQuery
- jQuery屬性jQuery