JQuery触发元素事件

在js中，如果我们要触发一个按钮的点击事件，直接使用元素的onclick事件，然后调用相关函数就可以了，这样的 写法则是让代码与html结合到一起了，在Jquery中就不用这样了，它有另外的几种写法，可以使代码与html分开：

   比如页面中有一个按钮：<input id="btn" type="button" value="提交" />

   我们要触发它的点击事件可以有下面两种方式：

   一:jQuery(function($){
        $("#btn").click(function(){alert("这是触发事件的第一种方式")})
        })

       直接获得元素，然后调用click方法就可以了，函数在事件里面写

  二:jQuery(document).ready(function()
       {
         $("#btn1").bind("click",function(event){
            alert("这是触发事件的第二种方式")
         })
       }   ) 

       这种方法是绑定事件

      上面两种方式都可以，其中click可以换成其他的blur，focus等事件

如果是一个元素要触发两次事件，比如失去焦点，获取焦点，在js中要用到onfocus和onblur事件，在jquery中直接连续添加即可

 $(function(){
          $("#txtName").focus(function(){
            $("#txtName").attr("value","");
          }).blur(function(){
            $("#txtName").addClass("aa");
          });
       })

或者

 $(function(){
          $("#txtName").focus(function(){
            $(this).attr("value","");
          }).blur(function(){
            $(this).addClass("aa");
          });
       })

this代表当前元素

或者使用bind绑定两次事件都可以在js中，如果我们要触发一个按钮的点击事件，直接使用元素的onclick事件，然后调用相关函数就可以了，这样的 写法则是让代码与html结合到一起了，在Jquery中就不用这样了，它有另外的几种写法，可以使代码与html分开：

   比如页面中有一个按钮：<input id="btn" type="button" value="提交" />

   我们要触发它的点击事件可以有下面两种方式：

   一:jQuery(function($){
        $("#btn").click(function(){alert("这是触发事件的第一种方式")})
        })

       直接获得元素，然后调用click方法就可以了，函数在事件里面写

  二:jQuery(document).ready(function()
       {
         $("#btn1").bind("click",function(event){
            alert("这是触发事件的第二种方式")
         })
       }   ) 

       这种方法是绑定事件

      上面两种方式都可以，其中click可以换成其他的blur，focus等事件

如果是一个元素要触发两次事件，比如失去焦点，获取焦点，在js中要用到onfocus和onblur事件，在jquery中直接连续添加即可

 $(function(){
          $("#txtName").focus(function(){
            $("#txtName").attr("value","");
          }).blur(function(){
            $("#txtName").addClass("aa");
          });
       })

或者

 $(function(){
          $("#txtName").focus(function(){
            $(this).attr("value","");
          }).blur(function(){
            $(this).addClass("aa");
          });
       })

this代表当前元素

或者使用bind绑定两次事件都可以

 

 

http://www.cnblogs.com/shuang121/archive/2011/05/11/2043043.html