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

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

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

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

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

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

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

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

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

用jquery如何给html元素绑定一个单击事件
  • 油漆检测标准(污泥固含量检测仪)
  • 霍山石斛(万丈须)助力春季养生滋补
  • 剁椒榨菜肉丝面
  • 致敬消防员,微信公众号图文应该这样排版!
  • 热门搜索
    盘龙峡生态旅游区 上海旅游网站 山东青岛旅游 大连海岛旅游网 涠洲岛旅游网 广东省旅游局政务网 旅游地图高清版 旅游管理专业前景 深圳东部华侨城旅游 旅游活动主题