1.
$("button").click(function(){
$("p").hide();
});
2.
如果您的網站包含許多頁面,並且您希望您的 jQuery 函數易於維護,那么請把您的 jQuery 函數放到獨立的 .js 文件中。頁面引用時放到head標簽里
<head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="my_jquery_functions.js"></script> </head>
- 3
- 如果存在名稱沖突,則重命名 jQuery 庫
-
jQuery 使用名為 noConflict() 的方法來解決該問題。
var jq=jQuery.noConflict(),幫助您使用自己的名稱(比如 jq)來代替 $ 符號。
- 例子:
$.noConflict();
jQuery(document).ready(function(){
jQuery("button").click(function(){
jQuery("p").text("jQuery 仍在運行!");
});
}); - 4
- $(document).ready(function) 將函數綁定到文檔的就緒事件(當文檔完成加載時)
- $(selector).click(function) 觸發或將函數綁定到被選元素的點擊事件
- $(selector).dblclick(function) 觸發或將函數綁定到被選元素的雙擊事件
- $(selector).focus(function) 觸發或將函數綁定到被選元素的獲得焦點事件
- $(selector).mouseover(function) 觸發或將函數綁定到被選元素的鼠標懸停事件
5 帶有speed的隱藏和顯示,,
$(selector).hide(speed,callback); $(selector).show(speed,callback);
可選的 speed 參數規定隱藏/顯示的速度,可以取以下值:"slow"、"fast" 或毫秒。可選的 callback 參數是隱藏或顯示完成后所執行的函數名稱。
例:
$("button").click(function(){
$("p").hide(1000,function(){
alert("The paragraph is now hidden");
});
});
6 使用 toggle() 方法來切換 hide() 和 show() 方法。
顯示被隱藏的元素,並隱藏已顯示的元素:
例子:$("button").click(function(){ $("p").toggle(); });
也有這樣一句語法:
$(selector).toggle(speed,callback);