位置: 编程技术 - 正文

JavaScript中利用jQuery绑定事件的几种方式小结(jq 使用)

编辑:rootadmin

推荐整理分享JavaScript中利用jQuery绑定事件的几种方式小结(jq 使用),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js引入jq,js引用jquery文件,js怎么用jquery,jq 使用,jq 使用,javascript中利用构造函数创建对象并传值输出,javascript中利用构造函数创建对象并传值输出,javascript中利用构造函数创建对象并传值输出,内容如对您有帮助,希望把文章链接给更多的朋友!

开发过程中经常要给DOM元素添加一些事件,下面介绍几种方式:

先写几个好看的button

效果如下:

1、直接在btn1使用onclick,这种方式称为内联事件,简单粗暴,好处是可以清晰地看到button绑定了click事件;这种方式等同于:(element).onclick;

这种方式的缺点,一个元素只能指定一个内联事件,添加了这段代码之后会发现onclick="alert('hello btn1');"被覆盖了:

JavaScript中利用jQuery绑定事件的几种方式小结(jq 使用)

2、使用原生JS给多个元素绑定事件,在 IE 9 之前的版本中,需要使用 attachEvent替代addEventListener

3、第二种方式逻辑比较简单,逼格会高一点,但是代码量比较多,而且还需要考虑IE的兼容性问题,由于我们的项目一般都会使用到JQuery,所以就可以这样写了:

上面使用到的on和bind方法效果是一样的;

4、使用on,给多个元素绑定一个或多个事件:

这是我现在在开发中最常用的一种方法,有个好处,举个栗子:

这样动态添加元素的时候可以自动添加click事件,比如我们经常使用AJAX加载一些数据动态添加到页面上,这样就简单多了。

另外:使用原生JS利用事件委托实现也比较简单,

使用jQuery或者原生js实现鼠标滚动加载页面新数据 相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多,用鼠标操作的时候相信都见过这样

不定义JQuery插件 不要说会JQuery 一、导言有些WEB开发者,会引用一个JQuery类库,然后在网页上写一写("#"),("#"),("."),写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人,直到

基于jquery编写分页插件 扩展JQuery很容易,作为一个练习,编写一个简单的分页插件,代码量不大,直接看代码好了:$.fn.mypagination=function(totalProperty,opts){opts=$.extend({perPage:,call

标签: jq 使用

本文链接地址:https://www.jiuchutong.com/biancheng/383048.html 转载请保留说明!

上一篇:jQuery实现滚动鼠标放大缩小图片的方法(附demo源码下载)(jquery 获取滚动距离)

下一篇:使用jQuery或者原生js实现鼠标滚动加载页面新数据(jquery如何调用)

  • 工商名称变更后多久网上可以查到记录
  • 总公司是小规模分公司是一般纳税人
  • 公司申报房产税 土地取得时间怎么写的
  • 居间合同有效期多久
  • 企业所得税的申报方式
  • 外贸企业的会计
  • 企业的党员活动有哪些
  • 企业所得税公益性捐赠扣除标准
  • 怎样填列分析资产负债表
  • 发票属于什么凭证类型
  • 集体土地上的不动产能符合异议28条规定吗
  • 企业发生什么
  • 小规模纳税人附加税减免政策2023
  • 监控维护需要什么经营范围
  • 税种核定办理流程
  • 公司缴纳社保要多久
  • 管理费用研发费用科目设置
  • 出口专用发票可抵扣吗
  • 建筑行业没有库存要做暂估成本怎么做?
  • 非金融企业利息费用的扣除标准
  • 出售土地印花税怎么计算
  • 财务预算业务制度有哪些
  • 增值税专用发票和普通发票的区别
  • 腾讯电脑管家下载
  • ajax+json
  • 鸿蒙系统通知栏界面怎么打开
  • 筹建期间业务招待费的处理
  • 公司收到发票怎么做账
  • 退货 会计
  • php商品对比功能怎么用
  • laravel 入门
  • html简单的游戏
  • 生产车间工资计提
  • 包装物逾期是什么意思
  • metareplace -e
  • 企业购进固定资产,在安装完工交付使用时
  • vector 底层原理
  • 社保台账显示未托收
  • 工程发票可以开清单吗?
  • phpmail
  • sql server2005使用方法
  • 企业税预缴在哪里
  • 注销营业执照的app
  • 增值税进项税额抵扣期限最新
  • 研发费用固定资产如何入账
  • 企业取得的财政性资金
  • 企业注销时实收资本怎么处理
  • 借分公司的款收据怎么开
  • 应收账款核算内容
  • 业务招待费的列支范围
  • 收不到物业费不想干了
  • 金税盘清卡怎么弄
  • 任何单位和个人都应当()为报警
  • 计费销售额如何计税
  • 已核销的坏账又收回预算会计分录
  • 公司给非职工人员发工资
  • mysql无法配置
  • mysql 元组
  • mac如何通过终端启动
  • win10操作中心设置
  • win8 metro界面
  • win10家庭版教程
  • win7打开网页显示证书有问题
  • 使用JQuery实现Ctrl+Enter提交表单的方法
  • 安卓游戏用什么软件开发
  • 飞机大战剧情102
  • shell脚本入门详解
  • 在javascript中
  • 浏览器检测js代码
  • js验证身份证合法性
  • JavaScript中reduce()方法的使用详解
  • jquery树形菜单
  • 自动寻路小说
  • javascript教程 csdn
  • android 启动service
  • eclipse项目导入后有红叉
  • 税务局的前身是什么
  • 浙江税务网上开票流程图
  • 金税工程什么意思
  • 国家土地征收管理办法
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设