028_jQuery数据
1. data(name,value)方法
1.1. $(selector).data(name,value)方法向元素附加數據。
1.2. 語法
$(selector).data(name,value)1.3. 參數
2. data(object)方法
2.1. $(selector).data(object)方法使用帶有名稱/值對的對象向被選元素添加數據。
2.2. 語法
$(selector).data(object)3. data(name)方法
3.1. $(selector).data(name)方法從被選元素中返回附加的數據。
3.2. 語法
$(selector).data(name)3.3. 參數
3.4. $(selector).data()方法從被選元素中返回所有的附加數據, 是一個對象。
3.5. 語法
$(selector).data()4. removeData(name)方法
4.1. $(selector).removeData(name)方法刪除之前通過data()方法設置的數據。
4.2. 語法
$(selector).removeData(name)4.3. 參數
4.4. $(selector).removeData()方法刪除之前通過data()方法設置的所有數據。
4.5. 語法
$(selector).removeData()5. $.data(selector,name,value)方法
5.1. $.data(selector,name,value)方法向元素附加數據。
5.2. 語法
$.data(selector,name,value)5.3. 參數
6. $.data(selector,object)方法
6.1.?$.data(selector,object)方法使用帶有名稱/值對的對象向被選元素添加數據。
6.2. 語法
$.data(selector,object)7. $.(selector,name)方法
7.1. $.data(selector,name)方法從被選元素中返回附加的數據。
7.2. 語法
$.data(selector,name)7.3. 參數
7.4. $.data(selector)方法從被選元素中返回所有的附加數據, 是一個對象。
7.5. 語法
$.data(selector)8. $.removeData(selector,name)方法
8.1. $.removeData(selector,name)方法刪除之前通過data()方法設置的數據。
8.2. 語法
$.removeData(selector,name)8.3. 參數
8.4. $.removeData(selector)方法刪除之前通過data()方法設置的所有數據。
8.5. 語法
$.removeData(selector)9. $.hasData(element)方法
9.1. $.hasData(element)方法檢測元素是否擁有與之相關的任何jQuery數據。
9.2. 語法
$.hasData(element)9.3. 參數
9.4. $.hasData()方法檢測元素當前是否擁有通過使用$.data()設置的任何值。如果沒有數據與元素相關(根本不存在數據對象或者數據對象為空), 則該方法返回false; 否則返回true。
9.5. $.hasData(element)的主要優勢是, 在不存在數據對象的情況下, 不會創建并將數據對象與元素進行關聯。相反地, $.data(element)總是向調用者返回數據對象, 如果之前數據對象不存在, 則會創建它。
10. 例子
10.1. 代碼
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>jQuery數據方法</title><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(document).ready(function(){ var myDiv = $('#myDiv');myDiv.data('id', 10001);myDiv.data({'name': '張三', 'sex': '男'});var obj = myDiv.data();for(let key in obj){$('p').append(key + ': ' + obj[key] + '<br />');}myDiv.removeData('sex');if(myDiv.data('id') != undefined){myDiv.append('id: ' + myDiv.data('id'));}if(myDiv.data('name') != undefined){myDiv.append(', name: ' + myDiv.data('name'));}if(myDiv.data('sex') != undefined){myDiv.append(', sex: ' + myDiv.data('sex'));}$.data(myDiv, 'id', 10002);$.data(myDiv, {'name': '李四', 'sex': '男'});obj = $.data(myDiv);for(let key in obj){$('p').append(key + ': ' + obj[key] + '<br />');}$.removeData(myDiv, 'sex');if($.hasData(myDiv) && $.data(myDiv, 'id') !== undefined){myDiv.append(', id: ' + $.data(myDiv, 'id'));}if($.hasData(myDiv) && $.data(myDiv, 'name') !== undefined){myDiv.append(', name: ' + $.data(myDiv, 'name'));}if($.hasData(myDiv) && $.data(myDiv, 'sex') !== undefined){myDiv.append(', sex: ' + $.data(myDiv, 'sex'));}myDiv.removeData();$.removeData(myDiv);obj = myDiv.data();for(let key in obj){$('p').append(key + ': ' + obj[key] + '<br />');}obj = $.data(myDiv);for(let key in obj){$('p').append(key + ': ' + obj[key] + '<br />');}});</script></head><body> <div id="myDiv"></div><p style="color: red;"></p></body> </html>10.2. 效果圖
總結
以上是生活随笔為你收集整理的028_jQuery数据的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 004_推箱子-游戏逻辑
- 下一篇： 052_CSS3 appearance属