jquery中两个值得注意的方法one()和trigger()方法

不净之心

于 2014-05-23 21:26:38 发布

阅读量248

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/pyzheng/article/details/84601624

Javascript 专栏收录该内容

145 篇文章

订阅专栏

本文介绍了jQuery中one()和trigger()两个实用方法的具体用法。one()用于绑定一次性触发的事件处理器，而trigger()则可以手动触发指定的事件。通过实例展示了如何使用这两个方法实现特定的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[url]http://jackyrong.iteye.com/blog/2070547[/url]
在jquery中，有两个值得注意但容易忽视的方法，分别是one()方法和trigger()方法,这是从国内作者<<jquery权威指南》一书中看到不错的介绍

1） one方法
one方法的功能是让所选定的元素绑定一个仅触发一次的处理函数，格式为
one(type,${data},fn)
例子为：

      $(function() {  
            function btn_Click() {   
                this.value = "abc123"  
            }  
            $("input").one("click", btn_Click); //绑定自定义事件  
        })

这样的话，这个按钮只会在点第一次的时候有反应，再次点击就无反应了；

2）trigger()方法
有的时候，如果需要在页面DOM加载完毕后，比如让文本框中的内容全部选中，或者某个按钮处于焦点中，则可以用这个方法

$(function() {  
            var oTxt = $("input"); //获取文本框  
            oTxt.trigger("select"); //自动选中文本框  
            oTxt.bind("btn_Click", function() {//编写文本框自定义事件  
                var txt = $(this).val(); //获取自身内容  
                $("#divTip").html(txt); //显示在页面中  
            })  
            oTxt.trigger("btn_Click"); //自动触发自定义事件  
        })