用jquery如何给html元素绑定一个单击事件

新建一个html文件，定名为test.html，用于讲解jquery若何给html元素绑心猿意马一个单击事务。

在test.html页面，利用script标签引入jquery.min.js文件，当作功引入jquery库文件才能利用bind()方式。

在test.html页面，利用p元素建立一个文字段落，并利用button元素建立一个按钮，代码如下：

在test.html页面，在script标签内利用$(document).ready(）方式实此刻页面加载时就执行function函数的代码。

在function函数内，获得button对象，经由过程bind()方式绑心猿意马button对象，bind()方式有两个参数，第一个是绑心猿意马的事务，这里实现单击事务，是以用click事务，另一个参数是一个函数，本家儿要用于按钮点击后实现的逻辑功能。

当按钮被点击，经由过程slideToggle()方式使p元素的内容滑动埋没。代码如下：

在浏览器运行test.html文件，点击按钮，因为button绑心猿意马了单击事务，会触发执行function函数的代码，实现p元素内容滑动埋没。

0 条评论