jquery_事件

Posted 2020-11-06 mexding

// jquery_事件

// 代码1
/* html:
 *
 * <a id="test-link" href="#0">点我试试</a>
 *
 */
// 获取超链接的jQuery对象:
var a = $(‘#test-link‘);
a.on(‘click‘, function () {
    alert(‘Hello!‘);
});
//代码解说：on()方法用来绑定事件和函数

// 代码2
$(document).ready(function () {
    // init...
});
$(function () {
    // init...
});
//代码解说: ready()在dom完成初始化后触发，上面的代码是两种写法

// 代码3
$(function () {
    $(‘#testMouseMoveDiv‘).mousemove(function (e) {
        $(‘#testMouseMoveSpan‘).text(‘pageX = ‘ + e.pageX + ‘, pageY = ‘ + e.pageY);
    });
});
//代码解说：所有事件都会传入参数e,这样我们可以获得鼠标位置和按键的值

// 代码4
function hello() {
    alert(‘hello!‘);
}
a.click(hello); // 绑定事件
// 10秒钟后解除绑定:
setTimeout(function () {
    a.off(‘click‘, hello);
}, 10000);
//代码解说：off()用来解除事件与函数的绑定