JQuery中隱藏/顯示事件函數


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);


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM