jq绑定事件的方法

 时间:2024-10-12 07:10:30

1、在使用Jquery写js代码前,我们需要先引入该插件库。

jq绑定事件的方法

2、我们的html代码很简单,主要就是一个输入框控件和一个按钮。

jq绑定事件的方法

3、第一种绑定事件的方法是直接调用方法的名称,$(".btn").clic氯短赤亻k();其中$(".芟鲠阻缒btn")是先找到样式名为btn的按钮,然后绑定该按钮的点击事件(click),如果是绑定双击事件就是,$(".btn").dbclick()。在元素后面跟上事件的名称就行了。

jq绑定事件的方法

4、运行页面,点击按钮

jq绑定事件的方法

5、点击后,触发事件,执行了事件里的代码:在输入框里输入了值。

jq绑定事件的方法

6、第二种方法是用on方法:$(".content").on("罕铞泱殳click", ".btn", function ()),on方法是先找到按钮的父容器,然后调用on方法,第一参数是事件名称,比如click, blur等,第二个参数是为哪个元素绑定事件,(该元素需要是在样式名为content这个容器下的)。这种方法对比第一种方法有一个好处,就是当content容器下,用js添加了其他按钮,而且样式名也是btn时,这些按钮也会应用上这个事件。如果是第一种方法,动态生成的这些按钮是不会应用上这个事件。

jq绑定事件的方法

7、刷新页面,点击按钮后,同样成功触发了事件。

jq绑定事件的方法

8、除了为按钮添加事件,html上的任何元素,我们都可以为其添加事件的,而且可以添加任何事件。

jq绑定事件的方法
jq绑定事件的方法
  • jquery如何获取第一个span对象
  • FlashFXP怎么连接LINUX服务器?
  • 魔兽争霸3(war3)全屏设置
  • 【航海王热血航线】怎么领取扩展资源包
  • 艾尔登法环如何获取大角头带
  • 热门搜索
    跟读书有关的手抄报 崇德向善手抄报 6年级数学手抄报 放飞梦想手抄报图片 欢度国庆手抄报内容 安全法制教育手抄报 写规范字手抄报内容 生物手抄报图片 低碳环保手抄报资料 一年级数学手抄报内容