首頁 > 開發者 > Go

轉,jQuery入門[3]－事件

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！
jQuery入門[3]－事件

jQuery入門[1]－建構函式
jQuery入門[2]－選取器
jQuery入門[3]－事件
jQuery入門[4]－鏈式代碼
jQuery入門[5]－AJAX
jQuery入門[6]－動畫

jQuery對事件的支援主要包括：

  • bind()--為事件綁定處理常式，如：

        $("p").bind("mouseenter mouseleave", function(e){

        $(this).toggleClass("over");

        });
  • unbind()--登出綁定在事件上的處理常式，如：$(document).unbind('ready');，如不給參數，則清除所有事件處理常式。
    $("#unbind").click(function () {

        $("#theone").unbind('click', aClick);

        });
  • trigger()--觸發某類事件。
    $("button:first").trigger('click');
  • triggerHandler()--觸發某類事件，但不觸發預設的事件處理邏輯，比如a的定向。
    $("input").triggerHandler("focus");
  • one()－－為事件綁定只能被觸發一次的處理常式。
        $("div").one("click", function(){

        });
  • ready()/click()/change()/toggle(fn,fn)/dblclick()……各種常規事件的捷徑，xxx(fn)為綁定處理常式，xxx()為觸發事件

jQuery 1.2的事件支援命名空間，

  $("div").bind("click", function(){ alert("hello"); });

$("div").bind("click.plugin", function(){ alert("goodbye"); });

$("div").trigger("click!"); // alert("hello") only



DEMO:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Events</title>
    <script src="../scripts/jquery-1.2.3.intellisense.js" type="text/javascript"></script>
    <style type="text/css">
        textarea
        {
            height: 118px;
            width: 280px;
        }
    </style>
    <script type="text/javascript">
        $(function(){
            $('textarea').bind('propertychange',function(){
                $('#result').html($('textarea').val())
            }
            ).bind('change',function(){
                alert($('textarea').val());
            });
        });
    
    </script>
</head>
<body>
    <textarea></textarea>
    <div id='result'></div>
</body>
</html>

運行效果如下：





Reference:http://docs.jquery.com/Events

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關關鍵詞：
exit jquery htmlspecialchars jquery jquery exit jquery uppercase jquery urlencode sleep jquery best jquery
相關文章
轉 sqlplus執行sql報錯：ORA-01756:
(轉)Navicat Premium 12.1.8.0安裝與啟用
轉:Windows下用sftp自動下載檔案
使用golang製作windows GUI圖形介面 — Walk
Go語言下載、安裝、配置、使用
golang 私密金鑰"加密"公開金鑰"解密"

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

熱門內容

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More