网站建设资讯

NEWS

网站建设资讯

jquery如何让方法只触发一次

本篇内容介绍了“jquery如何让方法只触发一次”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

目前成都创新互联公司已为超过千家的企业提供了网站建设、域名、网页空间、网站托管、服务器租用、企业网站设计、荣成网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

在jquery中,可以利用one()函数让方法只触发一次,当使用该函数时,每个元素只能运行一次事件处理方法,语法为“元素对象.one(事件处理方法);”。

jquery如何让方法只触发一次

本教程操作环境:windows7系统、jquery1.10.0版本、Dell G3电脑。

jquery怎样让方法只触发一次

在jquery中,可以使用one()方法实现让jquery事件只执行一次。下面以点击p标签文字,弹出p标签内容为例,看一下怎么让jquery事件执行一次。示例如下:

1、新建一个html文件,命名为test.html,用于讲解>怎么让jquery事件执行一次。引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。使用p标签创建一行文字,文字内容为“这是一段测试的文字”,并设置其class为mypp。

jquery如何让方法只触发一次

2、在js标签内,在页面加载完成时,通过class(mypp)获得p元素对象,使用one()方法给对象绑定click点击事件,当p元素被点击时,执行function()方法一次。

在function()方法内,使用$(this)获得p标签对象,使用text()方法取得p标签内的值,把值保存在ny变量中,使用alert()方法将获得的内容输出来。

jquery如何让方法只触发一次

在浏览器打开test.html文件,点击文字,查看实现的效果。

jquery如何让方法只触发一次

jquery如何让方法只触发一次

“jquery如何让方法只触发一次”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


新闻名称:jquery如何让方法只触发一次
地址分享:http://cdweb.net/article/ipiiho.html