5-26 --- 5-28

1 ? ? var s = null;

? ? ?alert(typeof(s)) ? ? ? // object


2 ?jquery中? ? attr? 和 prop? 的區(qū)別

? attr設置的屬性主要體現(xiàn)在頁面上,prop設置的屬性主要體現(xiàn)在內(nèi)存上

? 對于HTML元素本身就帶有的固有屬性,在處理時,使用prop方法。

?對于HTML元素我們自己自定義的DOM屬性,在處理時,使用attr方法。

< a >百度

? ? ? 這個例子里元素的DOM屬性有“href、target和class",這些屬性就是元素本身就帶有的屬性,也是W3C標準里就包含有這幾個屬性,或者說在IDE里能夠智能提示出的屬性,這些就叫做固有屬性。處理這些屬性時,建議使用prop方法。

< ?a ?href="#"id="link1"action="delete">刪除

? ? ? 這個例子里元素的DOM屬性有“href、id和action”,很明顯,前兩個是固有屬性,而后面一個“action”屬性是我們自己自定義上去的,元素本身是沒有這個屬性的。這種就是自定義的DOM屬性。處理這些屬性時,建議使用attr方法。使用prop方法取值和設置屬性值時,都會返回undefined值。

再舉一個例子:

< inputid="chk1"type="checkbox"/>是否可見

< inputid="chk2"type="checkbox"checked="checked"/>是否可見

像checkbox,radio和select這樣的元素,選中屬性對應“checked”和“selected”,這些也屬于固有屬性,因此需要使用prop方法去操作才能獲得正確的結果。

$("#chk1").prop("checked") ==false$("#chk2").prop("checked") ==true

如果上面使用attr方法,則會出現(xiàn):

$("#chk1").attr("checked") ==undefined

$("#chk2").attr("checked") == "checked"

3 ? ?null == undefine ? // ?true

? ? ? null === undefine? // false

4 ? ? 標題標簽不能繼承文字大小

5? ? ? 閉包問題


? var elem =document.getElementsByTagName('div');// 如果頁面上有5個div

for( ?var i =0; i < elem.length; i++) {? ??

? ? ? ? ? ? ? ? elem[i].onclick =function () {? ? ??

? ? ? ? ? ? ? ? ? ? ?alert(i);// 總是5

? ? ? ? ? ? ? ? ? };

}

上方是一個很常見閉包問題,點擊任何div彈出的值總是5,因為當你觸發(fā)點擊事件的時候i的值早已是5,可以用下面方式解決:

var elem =document.getElementsByTagName('div');// 如果頁面上有5個div


for(var i =0; i < elem.length; i++) {?


?? (function (w) {? ? ? ? elem[w].onclick =function () {? ? ? ? ? ?

? ? ? ? ? ? ? ? ?alert(w);// 依次為0,1,2,3,4

? ? ? ? ? };

? ? ? })(i);

}

在綁定點擊事件外部封裝一個立即執(zhí)行函數(shù),并將i傳入該函數(shù)即可。


6 ??

標簽的defer="defer"屬性 ?defer 屬性規(guī)定是否對腳本執(zhí)行進行延遲,直到頁面加載為止。標簽的defer="defer"屬性 ?defer 屬性規(guī)定是否對腳本執(zhí)行進行延遲,直到頁面加載為止。標簽的defer="defer"屬性 ?defer 屬性規(guī)定是否對腳本執(zhí)行進行延遲,直到頁面加載為止。

? ? ??

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 1.幾種基本數(shù)據(jù)類型?復雜數(shù)據(jù)類型?值類型和引用數(shù)據(jù)類型?堆棧數(shù)據(jù)結構? 基本數(shù)據(jù)類型:Undefined、Nul...
    極樂君閱讀 5,876評論 0 106
  • <a name='html'>HTML</a> Doctype作用?標準模式與兼容模式各有什么區(qū)別? (1)、<...
    clark124閱讀 3,817評論 1 19
  • 請參看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon閱讀 7,761評論 2 19
  • 1.JQuery 基礎 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,271評論 0 1
  • 加納山脈上的紅色天空下起了雨,“唰唰”地打在滿樹綠葉上,彌漫出清新的味道,山中深處傳來哇哇的鳥叫聲,凄涼而慘淡。 ...
    付西閱讀 422評論 0 0

友情鏈接更多精彩內(nèi)容