Jquery物件、代替body標籤的onload、事件機制、同一函式實現get\set
阿新 • • 發佈:2019-01-29
Jquery物件
jquery提供了很多遍歷的函式,如each(fn),但是使用這些函式的前提是:你使用的物件是Jquery物件。使一個Dom物件成為一個Jquery物件很簡單,通過下面一些方式(只是一部分):
程式碼 var a = $("#cid"); var b = $("<p>hello</p>"); var c = document.createElement("table"); var tb = $(c);代替body標籤的onload
這個慣例,也許是除了$()之外,用得最多的地方了。下面一段程式碼: 程式碼 $(document).ready(function(){ alert("hello"); });(1) <body onload="alert('hello');">(2)上面兩段程式碼是等價的。但程式碼1的好處是做到表現和邏輯分離。並且可以在不同的js檔案中做相同的操作,即$(document).ready (fn)可以在一個頁面中重複出現,而不會衝突。
基本上Jquery的很多plugin都是利用這個特性,正因為這個特性,多個plugin共同使用起來,在初始化時不會發生衝突。
不管怎麼說,這個慣例可以分離javascrīpt與HTML。推薦使用。 別誤導,上面兩段程式碼不是等價的。 <body onload="alert('hello');">這裡的alert('hello');要等到頁面全部載入完畢才執行,注意是全部載入,包括dom,圖片等其它資源。 而$(document).ready(function(){ alert("hello"); });(1) 當dom載入完就可以執行了。