新建一个html文件， 定名为test.html， 用于讲解jquery若何给html元素绑定一个单击事务 。
文章插图
2【用jquery如何给html元素绑定一个单击事件】在test.html页面， 利用script标签引入jquery.min.js文件， 当作功引入jquery库文件才能利用bind()方式 。
文章插图
3在test.html页面， 利用p元素建立一个文字段落， 并利用button元素建立一个按钮， 代码如下：
文章插图
4在test.html页面， 在script标签内利用$(document).ready(）方式实此刻页面加载时就执行function函数的代码 。
文章插图
5在function函数内， 获得button对象， 经由过程bind()方式绑定button对象， bind()方式有两个参数， 第一个是绑定的事务， 这里实现单击事务， 是以用click事务， 另一个参数是一个函数， 本家儿要用于按钮点击后实现的逻辑功能 。
文章插图
6当按钮被点击， 经由过程slideToggle()方式使p元素的内容滑动埋没 。 代码如下：
文章插图
7在浏览器运行test.html文件， 点击按钮， 因为button绑定了单击事务， 会触发执行function函数的代码， 实现p元素内容滑动埋没 。
文章插图
文章插图
以上内容就是用jquery如何给html元素绑定一个单击事件的内容啦， 希望对你有所帮助哦！
推荐阅读
- 笔记本如何调节亮度
- 如何把图片转换成文字
- 中学生如何赚钱
- 门儿茶馆-让客人有宾至如归的感觉，绞股蓝的副作用
- java项目如何打包部署并搭建到局域网服务器
- 赵朴初永茶，绿萝花的作用
- 如何使用鲸喜派
- 手机QQ如何删除聊天记录
- 抖音如何分享视频给微信好友
- 分号的用法分号的用法是什么