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

 时间:2024-10-12 12:13:48

1、新建一个html文件,命名为test.html,用于讲解jquery如何给html元素绑定一个单击事件。

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

2、在test.html页面,使用script标签引入jquery.min.js文件,成功引入jquery库文件才能使用bind()方法。

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

3、在test.html页面,使用p元素创建一个文字段落,并使用button元素创建一个按钮,代码如下:

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

4、在test.html页面,在script标签内使用$(document).ready()方法实现在页面加载时就执行function函数的代码。

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

5、在function函数内,获得button对象,通过bind()方法绑定button对象,bind()方法有两个参数,第一个是崤骅碱珍绑定的事件,这里实现单击事件,因此用click事件,另一个参数是一个函数,主要用于按钮点击后实现的逻辑功能。

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

6、当按钮被点击,通过slideToggle()方法使p元素的内容滑动隐藏。代码如下:

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

7、在浏览器运行test.html文件,点击按钮,由于button绑定了单击事件,会触发执行function函数的代码,实现p元素内容滑动隐藏。

用jquery如何给html元素绑定一个单击事件用jquery如何给html元素绑定一个单击事件
  • 油漆检测标准(污泥固含量检测仪)
  • 霍山石斛(万丈须)助力春季养生滋补
  • 剁椒榨菜肉丝面
  • 致敬消防员,微信公众号图文应该这样排版!
  • 热门搜索
    家里有蚂蚁怎么办 上眼睑下垂怎么办 华为手机怎么样 怎么隐藏应用 手抄报怎么画 冻干粉怎么使用才是正确的 糖醋里脊怎么做 宝宝消化不良拉肚子怎么办 内分泌失调怎么调理脸上长痘痘 喝酒头疼怎么缓解