- // 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() 用来解除事件与函数的绑定
来源: http://www.bubuko.com/infodetail-2608323.html