当前位置:首页 > 开发 > Web前端 > Jquery > 正文

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

发表于: 2014-05-23   作者:jackyrong   来源:转载   浏览:
摘要:   在jquery中,有两个值得注意但容易忽视的方法,分别是one()方法和trigger()方法,这是从国内作者<<jquery权威指南》一书中看到不错的介绍 1) one方法     one方法的功能是让所选定的元素绑定一个仅触发一次的处理函数,格式为    one(type,${data},fn) &nb
  在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


  则运行的时候,先默认在文本框显示文字,然后触发文本框的自定义事件,在div中显示文字
    

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

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
mysql中分页查询有两种方式, 一种是使用COUNT(*)的方式,具体代码如下 SELECT COUNT(*) FROM foo WHE
jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会
由于项目需要,所以要启动两个工程,但是又不能用一个Tomcat,于是就琢磨起了怎么启动两个Tomcat 1
jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写J
今天工作中需要用到这样一个效果:table里面排列着一些文本框,在输入数值以后,保存table的全部htm
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path
JQuery包装器提供了大量的方法,可以再页面中直接使用。但是,没有 任何一个库可以满足所有的需求,
具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop(),其他的使用
今天工作中需要用到这样一个效果:table里面排列着一些文本框,在输入数值以后,保存table的全部htm
当你在做显示层的时候,JSP中可能需要集成这样那样的框架,如JQuery 的各种插件, 又或许是其他的pr
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号