多语言展示
当前在线:120今日阅读:165今日分享:48

jquery 如何实现载入时自动绑定事件?

在jquery中,可以使用ready()方法在页面载入时给元素绑定事件。下面小编以给元素绑定点击事件为例,讲解jquery如何实现载入时自动绑定事件。
工具/原料
1

html+jquery

2

代码编辑器:Zend Studio 8.0.0

方法/步骤
2

在test.html文件内,使用p标签创建一行文字,文字内容为“这是测试的文字”。

3

在test.html文件内,设置p标签的id为mytest,用于下面通过此id获得p标签对象。

4

在js标签内,通过ready()方法在页面载入时,便执行function()函数。

5

在function()函数内,使用$符号通过id(mytest)获得p标签对象,给它绑定click点击事件,实现当p标签文字被点击时,执行function方法体的代码。

6

在function方法体内,通过this获得当前点击的对象,使用text()方法取得它的内容,并使用alert()方法输出。

7

在浏览器打开test.html文件,点击文字,查看结果。

总结:

1、创建一个test.html文件。2、在文件内,使用p标签创建一行文字,设置p标签的id为mytest。3、在js标签内,通过ready()方法在页面载入时,使用$符号通过id(mytest)获得p标签对象,给它绑定click点击事件,实现当p标签文字被点击时,输出p标签的内容。

注意事项

以上方法同样适用于绑定其他jquery事件。

推荐信息