2025-05-25

根據圖書《鋒利的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類型
 

摘自  繁華、莫名其妙
 

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *