事件

    因为JavaScript在浏览器中以单线程模式运行,页面加载后,一旦页面上所有的JavaScript代码被执行完后,就只能依赖触发事件来执行JavaScript代码。

    浏览器在接收到用户的鼠标或键盘输入后,会自动在对应的DOM节点上触发相应的事件。如果该节点已经绑定了对应的JavaScript处理函数,该函数就会自动调用。

    由于不同的浏览器绑定事件的代码都不太一样,所以用jQuery来写代码,就屏蔽了不同浏览器的差异,我们总是编写相同的代码。

    举个例子,假设要在用户点击了超链接时弹出提示框,我们用jQuery这样绑定一个 click 事件:

    / HTML:



    <a id="test-link" href="#0">点我试试</a>



    */



    // 获取超链接的jQuery对象:

    var a = $('#test-link');

    a.on('click', function () {

    alert('Hello!');

    });

    实测: 点我试试

    on 方法用来绑定一个事件,我们需要传入事件名称和对应的处理函数。

    另一种更简化的写法是直接调用 click() 方法:

    a.click(function () {

    alert('Hello!');

    });

    两者完全等价。我们通常用后面的写法。

    jQuery能够绑定的事件主要包括: