jQuery data-*賦值或者獲取值程式碼例項
本章節分享一段程式碼例項,它實現了獲取或者設定data-的自定義屬性的功能。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>data()函式-螞蟻部落</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#bt").click(function () { $("#antzone").text($("#antzone").data("antzone")) }) }) </script> </head> <body> <div id="antzone" data-antzone="螞蟻部落"></div> <input type="button" id="bt" value="檢視效果"/> </body> </html>
上面的程式碼實現了我們的要求,更多內容可以參閱相關閱讀。
相關閱讀:
(1).text()方法可以參閱jQuery text()方法一章節。
(2).data()方法可以參閱jQuery data()方法一章節。
相關文章
- jQuery獲取url引數值程式碼例項jQuery
- jquery取值和賦值(包含部分是原生js的取值和賦值)jQuery賦值JS
- JQuery給textarea取值和賦值jQuery賦值
- jQuery radio的取值與賦值jQuery賦值
- jquery獲取元素高度程式碼例項jQuery
- javascript設定或者獲取cookie程式碼例項JavaScriptCookie
- Jquery給基本控制元件的取值、賦值jQuery控制元件賦值
- 修改或者擴充套件jQuery的方法程式碼例項套件jQuery
- jQuery獲取選中核取方塊的值程式碼例項jQuery
- javascript變數賦值或者重新賦值注意事項JavaScript變數賦值
- jquery獲取同輩元素程式碼例項jQuery
- jQuery css()設定和獲取元素css屬性值程式碼例項jQueryCSS
- jQuery新增或者刪除class樣式類程式碼例項jQuery
- jQuery獲取當前元素的上一個或者下一個元素程式碼例項jQuery
- jQuery is() 程式碼例項jQuery
- jQuery獲取指定的li元素程式碼例項jQuery
- jQuery獲取所有的li元素程式碼例項jQuery
- jQuery獲取視窗尺寸的例項程式碼jQuery
- 微信小程式--data的賦值與取值微信小程式賦值
- jQuery獲取指定元素的父元素程式碼例項jQuery
- jquery獲取指定型別子元素程式碼例項jQuery型別
- jquery獲取元素的標籤tagName程式碼例項jQuery
- jquery實現獲取outerHTML內容程式碼例項jQueryHTML
- jquery操作select取值賦值與設定選中[轉]jQuery賦值
- jQuery選項卡例項程式碼jQuery
- js獲取鍵盤按鍵值程式碼例項JS
- javascript設定和獲取cookie值程式碼例項JavaScriptCookie
- js獲取數字最小值程式碼例項JS
- 使用jquery獲取指定元素的子元素程式碼例項jQuery
- jquery獲取指定元素的父節點程式碼例項jQuery
- jQuery操作cookie程式碼例項jQueryCookie
- jQuery 動畫效果程式碼例項jQuery動畫
- jQuery事件冒泡程式碼例項jQuery事件
- javascript獲取數字的絕對值程式碼例項JavaScript
- js獲取選中文字值的例項程式碼JS
- javascript獲取字串的hash值簡單程式碼例項JavaScript字串
- javascript獲取陣列中最大值程式碼例項JavaScript陣列
- javascript刪除或者新增option選項例項程式碼JavaScript