jQuery事件与应用

1.页面加载触发ready事件，ready事件只需要DOM结构加载后即可触发，onload()要全部元素加载后才触发。

$(document).ready(function(){})等价于$(function(){});

2.使用bind方法绑定元素的事件  

$("selector").bind("click mouseout",funtion(){} );

3.使用hover切换事件

$(selector).hover(
   function(){...}，
   function(){...});

4.toggle绑定多个函数，无参数表示“隐藏的显示，显示的隐藏”，要配合click等的使用

<script type="text/javascript">
            $(function () {
                $("#btntest").bind("click", function () {  
                    $("div").toggle()

                })
            });
        </script>

5.unblind方法移除元素绑定的事件

$(selector).unbind(event,funtion);

6.使用one()绑定元素的一次性事件，即方法绑定的时间只会触发一次

$(selector).one(event,[data],fun)
参数event为事件名称，data为触发事件时携带的数据，fun为触发该事件时执行的函数。

7.trigger()手动触发元素指定的事件

//不用点击，不用其他操作，就绑定了一个文本全选的事件
<input id="text" type="text" value="这个一点就全部被选中"/>
<script>
 $(function(){
   $("input").trigger("select");
});
</script>

下面这两个都是事件，常作为bind的参数
8.文本框的focus,blur,聚焦和失焦。

9.下拉列表框的change 当下拉列表的选项改变触发