標籤:odi script span 瀏覽器 query utf-8 doctype hello 部分
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>無標題文檔</title><script src="jquery-2.0.3.js"></script><script>$(function(){ $(‘#div1‘).attr(‘name‘,‘hello‘); alert( $(‘#div1‘).attr(‘name‘) ); document.getElementById(‘div1‘).setAttribute(‘name‘,‘hello‘); alert( document.getElementById(‘div1‘).getAttribute(‘name‘) ); $(‘#div1‘).prop(‘name‘,‘hello‘); alert( $(‘#div1‘).prop(‘name‘) ); document.getElementById(‘div1‘)[‘name‘] = ‘hello‘; alert( document.getElementById(‘div1‘)[‘name‘] ); $(‘#div1‘).data(‘name‘,‘hello‘); alert( $(‘#div1‘).data(‘name‘) );});//DOM元素與對象之間互相引用,大部分瀏覽器就會出現記憶體流失var oDiv = document.getElementById(‘div1‘);var obj = {};oDiv.name = obj;obj.age = oDiv;//會出現記憶體流失$(‘#div1‘).attr(‘name‘,obj);//換成,就不用擔心記憶體流失$(‘#div1‘).data(‘name‘,obj);$(‘body‘).data(‘age‘,obj);//data就是通過cache把dom元素和對象間接的聯絡到一起。這就防止了記憶體流失。如。var cache = {// 1 : { name : obj }, 2 : { age : obj }};</script></head><body><div id="div1" xxx=" "></div></body></html>
jQuery11 data() : 資料緩衝