jQuery动态操作事件

jQuery动态操作事件 
                元素对象.bind("事件名",fn)//动态的给指定的元素对象追加指定的事件及其监听的函数。
                注意：
                    js中的是一次添加，多次添加时覆盖的效果
                    jQuery是追加的效果，可以实现给一个事件添加不同的监听函数。
                元素对象.unBind("事件名")//移除指定的元素对象的指定事件
                    注意：js方式添加的事件不能移除。
                元素对象.one("事件名",fn)//给指定的元素对象添加一次性事件，事件被触发执行一次即失效。
                    注意：可以给事件添加多个一次函数，unBind可以用来解绑
                页面载入事件
                    $(document).ready(fn);
                    页面载入成功后会调用传入的函数对象
                    注意：
                        此方式可以给页面载入动态的增加多个函数对象，不会被覆盖。

<script type="text/javascript">
            //js动态添加事件
                function testThing(){
                    //获取元素对象
                    var btn=document.getElementById("btn2");
                    //添加事件
                    btn.οnclick=function(){
                        alert("我是js方式");
                    }
                }
            //jquery
                //测试bind绑定
                function testBind(){
                    $("#btn2").bind("click",function(){alert("我是bind绑定单击事件")});
                    $("#btn2").bind("click",function(){alert("我是bind绑定单击事件2w2222")});
                }
                //测试unBind解绑
                function testUnfBind(){
                    $("#btn3").unbind("click");
                    
                }
                //测试one
                function testOne(){
                    $("#btn3").one("click",function(){alert("我是one")});
                }
            //页面载入事件
                //js方式
                    window.οnlοad=function(){
                        alert("我是js方式页面加载");
                    }
                    window.οnlοad=function(){
                        alert("我是js方式页面加载2222");
                    }
                //jquery方式
                    $(document).ready(function(){
                        alert("我是jQuery");
                    })
                    $(document).ready(function(){
                        alert("我是jQuery22222");
                    })
                    
        </script>

转载于:https://my.oschina.net/wzh001/blog/3027815