jquery 指南/入門基礎(chǔ)

2024-05-06 14:18:44

字體：大中小

供稿：網(wǎng)友

指南/基礎(chǔ)

        這是一個基礎(chǔ)指南，旨在幫助你開始使用jquery。jquery給予你常見問題的解決方法。如果你尚未建立你的測試頁面，我建議你創(chuàng)建一個含有下列內(nèi)容的HTML頁：
程序代碼
代碼如下:
<html>
<head>
<script type="text/javascript"
src="link/to/jquery.js"></script>
<script type="text/javascript">
   // Your code goes here
</script>
</head>
<body>
<a >jQuery</a>
</body>
</html>
      修改script標簽的src屬性指向到你的jquery.js。例如，如果你的jQuery.js與你的HTML文件在同一目錄，你可以這樣：
程序代碼
<script type="text/javascript" src="jquery.js"></script>
文檔載入時運行代碼
     首先，大多數(shù)JavaScript程序員會用類似代碼:
程序代碼
window.onload = function(){ ... } .

     訪問HTML文檔的元素，必須先載入文檔對象模型(DOM)。當window.onload函數(shù)執(zhí)行的時候，說明所有東西已經(jīng)載入，包括圖像和橫幅等等。要知道較大的圖片下載速度會比較慢，因此用戶必須等待大圖片下載完畢才能看到window.onload()執(zhí)行的代碼效果，這樣就花費了很長的等待時間，這不是我們想要的。

        對于此，jquery提供了一個"ready"事件,你可以使用以下的代碼片段：
程序代碼
$(document).ready(function(){
// 你的代碼
});
       $(document)意思是說，獲取文檔對象（類似的于window.document），$(document).ready意思就是說，獲取文檔對象就緒的時候。
       上面這段代碼的意思是檢查文檔對象直到它能夠允許被操作（譯者注：這樣做比window.onload()函數(shù)要快的多，因為只要文檔對象載入完成就能夠執(zhí)行代碼了，而不需要等待頁面中的圖片下載是否已經(jīng)完成）---這是我們想要的。因此將上面的代碼片段粘貼到你測試頁面的腳本區(qū)吧！

鼠標點擊時的觸發(fā)
       首先，我們嘗試鼠標點擊超鏈接時觸發(fā)某些行為。在ready函數(shù)里加入以下代碼：
程序代碼
$("a").click(function(){
alert("謝謝你的來臨!");
});

       保存HTML文件，然后刷新一下頁面。點擊某個超鏈接，頁面將彈出警告對話框。

增加 CSS Class

上一篇：JavaScript開發(fā)時的五個注意事項

下一篇：javascript 常用關(guān)鍵字列表集合