根據圖書《鋒利的JQuery》做出的筆記希望大傢給與意見
$是JQuery的一個簡寫方式,也是JQuery的頂級對象,在寫JQuery程序的時候需要導入一個js的文件庫,我們在使用JQuery的時候,其實是在調用js的函數.
JQuery 並不是代替瞭JavaScript,JQuery隻是把JavaScript封裝成函數庫而已,內部還是用JavaScript實現的
第一個JQuery程序:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="../js/jquery-1.6.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
alert("hello");
})
</script>
</head>
<body>
</body>
</html>
這段代碼類似與JavaScript的winodw.onload方法,不過還是有區別的:
window.onload需要等所有內容加載完(包括圖標才能執行),並且多句window.onload隻執行一句;而$(document).ready()是等所有DOM結構繪制完畢後就執行,可能DOM元素關聯的東西沒有加載完,並且$(document).ready有幾句就執行幾句。例如:
<script type="text/javascript">
$(document).ready(function () {
alert("hello");
}) <!–這兩句都輸出–>
$(document).ready(function () {
alert("hello2");
})
window.onload = function () {
alert("hello3");
} <!– 這兩句window.onload 隻執行最後一句,結果是:hello4–>
window.onload = function () {
alert("hello4");
}
</script>
JQuery對象和DOM對象
DOM(文檔對象模型):每一個DOM都可以代表一個樹,
JQuery對象就是JQuery包裝DOM對象後產生的對象,JQuery對象是JQuery獨有的,如果一個對象是JQuery對象那麼就可調用JQuery方法
JQuery對象和DOM對象是不能互相調用的,互相轉換
JQuery對象轉為DOM對象
(1):JQuery對象是一組數組對象,可以通過[index]來獲取相依的DOM對象
(2):另一種方法是JQuery本身提供的,通過get(idenx)來獲取
DOM對象轉成JQuery對象
對於一個DOM對象,隻需要用$()把DOM的對象包裝起來就可以瞭,方式為$(DOM對象)
平時用到的JQuery對象都是通過$()函數制造出來的,$()函數是JQuery對象的制造工廠.
實例操作:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="../js/jquery-1.6.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
var $cr = $("#cr");
$cr.click(function () {
if ($cr.is(":checked")) {
alert("感謝你的支持,你可以繼續操作!");
}
})
})
</script>
</head>
<body>
<input type="checkbox" id="cr" /><label for="cr">我已經閱讀瞭協議</label>
</body>
</html>
if ($cr.is(":checked")) 這是JQuery的判斷方式,返回值是bool類型
摘自 繁華、莫名其妙