时间:2021-04-16
鉴于为某个事件(例如简单的单击事件)绑定处理程序极为常用,jQuery提供了一种简化事件操作的方法--简写事件方法,简写事件方法的原理与对应的.on()调用相同,可以减少一定的代码输入量。
例如,不适用.on()而是用.click()可以将前面的样式转换器程序重写为如下代码:
$(document).ready(function(){
$('#switcher-default').addClass('selected');
$('#switcher button').click(function(){
var bodyClass=this.id.split('-')[1];
$('body').removeClass().addClass(bodyClass);
$('#switcher button').removeClass('selected');
$(this).addClass('selected');
});
});
其他blur、keydown和scroll等标准的DOM事件,也存在类似前面这样的简写事件。这些简写的事件方法能把一个事件处理程序绑定到同名事件上面。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件。分享给大家供大家参考,具体如下:v-on:click/mouseover......简写
大致介绍jQuery增加了并扩展了基本的事件处理机制,不但提供了更加优雅的事件处理语法,而且极大地增强了事件处理能力jQuery中的事件加载DOM在jQuery
jquery键盘事件的使用方法详解jQuery处理键盘事件有三个函数,根据事件发生的顺序分别是:jquery代码:1.keydown();2.keyup();3
本文实例讲述了jQuery操作事件。分享给大家供大家参考,具体如下:jQuery操作事件//点击事件//js操作事件functiontestJs(){//获取对
jQuery本身即是为事件处理而特别设计的,jQuery事件处理方法是jQuery中的核心函数。$(function(){...});是如下格式的缩写:$(do