JQuery中那些我们不知道的事情

• jQuery自定义事件 - trigger()

<input type="text" name="FirstName" value="Hello World"/>
<br />
<button>激活 input 域的 select 事件</button>
<script>
        $("input").on('hello',function(){    //自定义hello事件
            this.value='aha';  
        })
        $("button").click(function(){
             //trigger() 方法触发被选元素的指定事件类型。自定义hello事件 
            $("input").trigger("hello");  
        });
     </script>

• jQuery中的trigger()方法作用
  在前端页面开发中,我们有时候希望能自定执行一些人性化操作,比如鼠标不用点击自动就能点击等操作,利用传统的js语言需要编写复杂的代码才能实现此功能,这时候我们使用jquery的trigger()方法就能轻松实现.

  trigger方法的功能是在所选择的元素上触发指定类型的事件,其调用的语法格式为:trigger(type,[data]),其中参数type为触发事件的类型，参数data为可选项，表示在触发事件时,传递给函数的附件参数.下面来举例说明下.

  页面中创建一个文本框,并给文本一个默认值，当该页面加载时，自动获取文本框的值，显示在页面中,同时文本框处于选中状态 .实现代码如下:

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