在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事件。
上一篇:逆战怎么刷死神镰刀永久