点击事件的两种不同的写法

作者:坚定的守猴
撰写时间:2019年4月1日
开发软件和关键技术:VS;MVC
每种语言在文字上表达都有不同的方式,代码作为编程语言的文字,在事件上的表达方式上也不是单一的。因此现在就这方面举个点击事件的例子,感受一下这表达的不同之处。
代码如下:
在这里插入图片描述
Js的写法:
在这里插入图片描述
在Button上就直接加一个“onclick”,后面就加上这方法的ID名称。这是样式部分。
接下来到Js部分

Js的写法,在“function”后面就加上“insertSubject”这个ID,这也可以说是一个较为常见的写法吧!
在这里插入图片描述
点击新增按钮试了一下效果,能够正常的实现弹出新增模态框的效果。就证明第一种写法是可行的。下面让我们来看一下另外一种写法。
JQuery的写法:
我们都知道,jQuery是一个JavaScript函数库,是目前流行的 JS 框架。 既然Js能够实现的,jQuery基本都能做到。下面就来看一下它代码实现的方式:
在这里插入图片描述
通过图片可以知道,与上面Js的写法不同的是,不加“onclick”,只有ID名称。
在这里插入图片描述
jQuery的写法,前面一个“$”符号,括号里就有一个ID的名称,和Js不同的是,在function前面加个“click”。除了前面方法ID的写有点不一样之外,后面的代码基本都是大同小异。
(刚才在页面测试了一下写法,与上面的效果一样)
从上面两种写法来看,各有各的独特性,没有刻意表现出哪一种特别好或者特别差。就像写文章,主题相同,但是写法可以有多种,就根据自己写代码的习惯而去选择。没有最好的,只有适合自己的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值