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

最新推荐文章于 2024-08-04 16:33:59 发布

jackyrongvip

最新推荐文章于 2024-08-04 16:33:59 发布

阅读量321

点赞数

分类专栏： ajax/web相关文章标签： javascript ViewUI

ajax/web相关专栏收录该内容

409 篇文章 1 订阅

订阅专栏

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

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



      $(function() {
            function btn_Click() { 
                this.value = "abc123"
            }
            $("input").one("click", btn_Click); //绑定自定义事件
        })
    </script>
</head>
<body>
    <input id="Button1" type="button" value="点击查看联系方式" class="btn" />

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

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



        <script type="text/javascript">
        $(function() {
            var oTxt = $("input"); //获取文本框
            oTxt.trigger("select"); //自动选中文本框
            oTxt.bind("btn_Click", function() {//编写文本框自定义事件
                var txt = $(this).val(); //获取自身内容
                $("#divTip").html(txt); //显示在页面中
            })
            oTxt.trigger("btn_Click"); //自动触发自定义事件
        })
    </script>
</head>
<body>
    姓名：<input id="Text1" type="text" class="txt"  value="test" />
          <div id="divTip" style="padding-top:5px"></div