怎么给jquery添加的元素添加事件

在jquery中, 可以通过给jquery添加的元素设置id属性, 然后通过id属性, 使用bind()方法给元素绑定事件 。 下面小编以添加click点击事件为例, 讲解怎么给jquery添加的元素添加事件 。

怎么给jquery添加的元素添加事件

文章插图


需要这些哦
html+jquery
代码编纂器:z studio 10.0
方式/
1新建一个html文件, 定名为test.html, 用于讲解怎么给jquery添加的元素添加事务 。
怎么给jquery添加的元素添加事件

文章插图

2在test.html文件内, 利用p标签建立一个位置, 并设置其id为myper, 本家儿要用于下面经由过程此id获得p标签对象 。
怎么给jquery添加的元素添加事件

文章插图

3【怎么给jquery添加的元素添加事件】在js标签内, 利用ready()方式在页面加载当作功时, 标的目的p标签添加一个链接, 即a元素, 并给a元素设置一个id属性值myaaa 。
怎么给jquery添加的元素添加事件

文章插图

4在test.html文件内, 利用button标签建立一个按钮, 按钮名称为“添加点击事务” 。
怎么给jquery添加的元素添加事件

文章插图

5在test.html文件中, 给button按钮绑定onclick点击事务, 当按钮被点击时, 执行addclick函数 。
怎么给jquery添加的元素添加事件

文章插图

6在js标签内, 建立addclick()函数, 在函数内, 经由过程id(myaaa)获得添加的a元素对象, 利用bind()方式给它绑定click事务, 当a元素被点击时, 利用alert()方式提醒“a标签添加了点击事务” 。
怎么给jquery添加的元素添加事件

文章插图

7在浏览器打开test.html文件, 点击按钮, 查看成果 。
怎么给jquery添加的元素添加事件

文章插图

总结:11、建立一个test.html文件 。
2、在文件内, 利用p标签建立一个位置, 同时, 在js标签内, 利用ready()方式在页面加载当作功时, 标的目的p标签添加一个链接, 即a元素, 并给a元素设置一个id属性值myaaa 。
3、建立一个button按钮, 用于触发执行js函数 。
4、在js标签内, 建立函数, 在函数内, 经由过程id(myaaa)获得添加的a元素对象, 利用bind()方式给它绑定click事务, 当a元素被点击时, 利用alert()方式提醒“a标签添加了点击事务” 。

注重事项bind()方式除了可以绑定click事务外, 还可以绑定mou搜索引擎优化ver,hover等事务 。

以上内容就是怎么给jquery添加的元素添加事件的内容啦, 希望对你有所帮助哦!

    推荐阅读