点击事件的两种不同的写法
作者:坚定的守猴
撰写时间: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的写有点不一样之外,后面的代码基本都是大同小异。
(刚才在页面测试了一下写法,与上面的效果一样)
从上面两种写法来看,各有各的独特性,没有刻意表现出哪一种特别好或者特别差。就像写文章,主题相同,但是写法可以有多种,就根据自己写代码的习惯而去选择。没有最好的,只有适合自己的。