位置: 编程技术 - 正文

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如何调用)

  • 增值税普通发票查询真伪
  • 旅游公司如何缴费
  • 一般纳税人劳务税率是多少2023
  • 长期待摊费用摊销计入什么会计科目
  • 不动产折旧年限的规定
  • 缴纳的专利年费能退吗
  • 特殊行业包括哪些
  • 企业关联方利息支出税前扣除的标准扣除
  • 发生销售折让时为什么不冲减成本
  • 预缴增值税是否适用一般计税方法
  • 税务系统有问题
  • 劳动保护费通过什么确认
  • 零申报企业年报资产总额怎么填
  • 产权转移书据印花税是双方交吗
  • 进项税转出属于什么科目
  • 汇算清缴退税现金流量表
  • 水费差额征税税率
  • 长期待摊未摊完处置如何账务处理
  • 收取赔偿金开具什么发票
  • 所得税申报怎么弥补以前年度亏损
  • 个税三险一金指什么意思
  • 金融负债包括哪几项
  • 服务公司收到服务费发票怎么做账
  • 普通发票可以部份红冲吗?
  • mac切换不了中文怎么回事
  • 销售折扣收货方法有哪些
  • php获取访问者qq
  • 微信支付被限制是怎么回事
  • 应交税费进项税额在借方说明什么
  • 小规模纳税人结转损益会计分录
  • 企业存货期末应如何计价
  • framework4.0怎么打开
  • 机器学习中的隐变量/潜变量和隐藏空间/潜在空间
  • php处理xml数据
  • 纳税人数字签名怎么填
  • 委托研发技术合同登记
  • java如何解析json字符串
  • php简单获取网站的方法
  • 固定资金的概念及其特点
  • 小规模普通发票几个点的税
  • wp留言板插件
  • 查财务报表的网站有哪些
  • 合并会计报表编制实例
  • 房地产业具体怎么做
  • 民办非企业保险优惠政策
  • 开发成本为什么放在存货里
  • mysql 5.7.1
  • php怎么连接sqlserver
  • 业务招待费的进项票可以抵扣吗
  • 差额征收的会计分录
  • 一般纳税人增值税申报操作流程
  • 记账凭证核算处理方法
  • 职工薪酬包括哪些应如何计算
  • 完税证明和纳税证明一样吗
  • 住宿费开专票怎么做账
  • 母子公司间固定资产交换
  • 政府补助的分类及会计处理方法有哪些
  • 高速公路车辆通行卡没还怎么办
  • 物流运输车类型
  • 办税人员可以是开票员吗
  • mysqld mysql
  • 数据表的联接
  • 将u盘制作成u启动u盘启动盘
  • 两台苹果怎么用电脑把数据同步
  • Ubuntu下VirtualBox的vdi文件克隆方法
  • 深度隐藏root
  • sbsetup.exe - sbsetup是什么进程 有什么用
  • vmware怎么配置网络
  • 在linux系统中创建文件的命令
  • Android Eclispe ADT环境搭建(集成版Eclipse)
  • jquery实现
  • Android开发如何找到TextView指定文本
  • js函数调用函数
  • three.js碰撞检测
  • 安卓手机管家推荐
  • 四川税务网络领发票流程
  • 担保机构和银行的区别
  • 2021年水资源税征期
  • 实收资本印花税税率多少
  • 国际税务网
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设