jQuery2

2024-04-27 15:00:37

字體：大中小

來源：轉載

供稿：網友

<head >

</head>

代碼解析：

按照jQuery 的語法，美元符號$是指它本身（而不是其他JavaScript 對象）。我們要向jQuery 傳遞document 對象，也就是當前文檔。然后，使用jQuery 內置的ready()方法，當JavaScript 準備好開始處理事件時，會自動觸發這個匿名函數，見后面幾個步驟。

　　 $("#bodyText").hide();jQuery 最有用的特性之一是指定要操作的對象的方式。這種方式實際上很像CSS。在編寫CSS 規則時，如果希望隱藏id 為bodyText 的元素，可能會編寫下面這樣的代碼：#bodyText { display:none; }
　　可以看到，CSS 比等效的JavaScript 命令簡短得多：document.getElementById("bodyText").style.display = "none";
　　這一步中代碼行的作用與上面的標準JavaScript 和CSS規則的相同：它讓瀏覽器不顯示指定的元素它使用jQuery 內置的hide()方法，這個方法不需要參數。
　　
$("#textToggle").toggle(在這里，我們調用另一個jQuery 內置方法：toggle()。前一步中的代碼在加載文檔時運行，而這一行由某一事件觸發——它在單擊id 為textToggle 的元素時運行。需要通過參數向toggle()方法傳遞兩個函數，它們分別包含在toggle()的兩種狀態下應該執行的代碼。toggle()方法會記住它的當前狀態，所以它會在被觸發時自動切換到另一種狀態（即運行另一個函數中的代碼）。
　　function() {
　　$("#bodyText").show("slow");
　　$("#bodyText").effect("highlight", {}, 2000);
　　},
　　這是傳遞給toggle()的第一個函數。首先，讓jQuery 尋找id 為bodyText 的元素，這是在調用show()時要顯示的元素。show()方法有一個參數：字符串"slow"，這讓jQuery 緩慢地顯示出新元素。完成之后，調用jQuery UI 的effect()方法并傳遞以下3 個參數。
　　? "highlight"，我們需要的效果。
　　? {}，所需的效果選項。黃色淡出技術非常流行，所以黃色是默認顏色，因此這里不需要修改
　　任何選項。
　　? 2000，希望顯示效果的速度。這個值以毫秒為單位，所以2000 意味著希望在兩秒內顯示淡出效果。圖15-2 顯示最初的淡出效果，圖15-3 顯示最終結果。
　　

　　function() {
　　$("#bodyText").hide();
　　}

上一篇：jquery---基本標簽

下一篇：z-index兼容問題:關于ie6/7下的z-index