位置: 编程技术 - 正文

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

  • MongoDB与MySQL的操作对比表及区别介绍(mongodb与mysql相比的优缺点)

    MongoDB与MySQL的操作对比表及区别介绍(mongodb与mysql相比的优缺点)

  • sql语句中单引号嵌套问题(一定要避免直接嵌套)(sql语句中单引号是什么)

    比如下面例子是存储过程里查询时的语句示例

    红色部分是会报错的,应该写成 @condition= 'ROOMTYPElike ‘ ‘%标准间%' ‘ ', 蓝色部分不是双引号,而是两个单引号

    谈谈sqlserver自定义函数与存储过程的区别 一、自定义函数:1.可以返回表变量2.限制颇多,包括不能使用output参数;不能用临时表;函数内部的操作不能影响到外部环境;不能通过select返回结果

    深入分析SqlServer查询计划 对于SQLServer的优化来说,优化查询可能是很常见的事情。由于数据库的优化,本身也是一个涉及面比较的广的话题,因此本文只谈优化查询时如何看懂SQ

    sql 判断字符串中是否包含数字和字母的方法 判断是否含有字母selectPATINDEX('%[A-Za-z]%',‘ads')=0(如果存在字母,结果1)判断是否含有数字PATINDEX('%[0-9]%',‘sdf" class="img-responsive" alt="sql语句中单引号嵌套问题(一定要避免直接嵌套)(sql语句中单引号是什么)">

    sql语句中单引号嵌套问题(一定要避免直接嵌套)(sql语句中单引号是什么)

  • WinXP系统如何使用Tracert命令?WinXP系统使用Tracert命令的方法(windowsxp教程)

    WinXP系统如何使用Tracert命令?WinXP系统使用Tracert命令的方法(windowsxp教程)

  • swupdtmr.exe - swupdtmr进程是什么意思 什么作用

    swupdtmr.exe - swupdtmr进程是什么意思 什么作用

  • windows8系统账号自动登录默认设置2种方式(win8microsoft账户)

    windows8系统账号自动登录默认设置2种方式(win8microsoft账户)

  • javascript列表框操作函数集合汇总(列表框代码)

    javascript列表框操作函数集合汇总(列表框代码)

  • js实现的二分查找算法实例(js二分法排序递归)

    js实现的二分查找算法实例(js二分法排序递归)

  • 对方公司为什么一定要专票
  • 使用增值税发票的条件
  • 什么是税务代理人
  • 公积金贷款金额少怎么办
  • 深圳增值税普通发票查询真伪
  • 事业单位法人证书查询
  • 自然人税收管理系统扣缴客户端
  • 搬家费账务处理
  • 救灾捐赠会计分录
  • 发出材料计划成本例题
  • 固定资产残值怎么计算出来的
  • 招待费的增值税专用发票可以抵扣吗
  • 资产负债表最后要平吗
  • 子公司注销欠母公司借款怎么办
  • 营改增典型案例
  • 转让专利技术使用权属于销售无形资产吗
  • 慈善会可以开什么票据
  • 协会核定的税种都有哪些?
  • 继承安置房需要过户吗?
  • 没有认证的进项发票怎么入账
  • 个人出租房屋税款代征点电话
  • 在win7系统中如何让电脑恢复出厂设置方法
  • 印花税减半征收优惠政策2023
  • php抽奖算法程序怎么写
  • pull-hi
  • 预算会计的特点包括
  • 整体租赁经营模式是什么
  • 来料加工怎么核算成本
  • 出口退税需要满足什么条件外贸
  • 抵扣进项税额的几种情况是
  • 微信小程序前端源码
  • Laravel5.5新特性之友好报错以及展示详解
  • win10系统的安装
  • 设计公司发生的费用
  • ls -all命令
  • 工资的会计账务处理
  • 非流动资产基金对应的新科目
  • 代垫费用开票明细怎么写
  • Postgresql ALTER语句常用操作小结
  • 不可抵消
  • 预收账款可以通过什么科目核算
  • 成本核算方法是指
  • 库存现金写三栏式明细账还是写现金日记账还是两个都写
  • 贷款用途不符合规定有啥危害
  • 增值税期末留抵退税附加税退还吗
  • 中级报名规则
  • 持有至到期投资和债权投资的区别
  • 海关被税没有发票
  • 用银行存款支付本季度短期借款利息
  • 营改增后建筑行业增值税税率
  • 加油票怎么做会计分录
  • 数据库备份sqlserver
  • win2008server安装qq
  • ubuntu zed
  • fedora 10
  • 怎么看solaris版本
  • win7系统修改
  • ubuntu 4.10
  • centos apache 配置
  • explorer.exe进程100%
  • windows boot.ini文件
  • win7系统无法自动检测此网络的代理设置
  • win10升级安装视频
  • python模拟reversed功能
  • perl语言
  • python int 转 float
  • jquery选择指定标签
  • js设置导航固定
  • unity射击游戏完整功能代码
  • jquery 右键菜单
  • django使用celery
  • bootstrap基础教程
  • js获取url参数值的两种方式
  • python编码有哪些规范
  • 如何在网上查看自己的营业执照
  • 湖南国家税务总局官网
  • 个人彩票收入属什么类别
  • 贵州省地方税务局公告2016年第13号
  • 医疗发票真伪查询
  • 奔驰g500落地多少
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设