jQuery笔记-事件

两种页面加载后执行任务方法：

    $(document).ready(function(){}); ==> $(function(){}); 在页面解析完成html后执行

    window.οnlοad=function(){};  在页面加载完所有的文件后执行

    $为jQuery的标识符，如果使用多个框架可能造成$冲突，这时候可以在head中添加一个

    <script>jQuery.noConflict();</script> 并且在后面的代码中需要用jQuery('#id').addClass('className');

处理简单的事件

    toggleClass()方法

    $(document).ready(function(){

        $('#id').on('click',function(){

             $('#id').toggleClass('hidden'); 如果id元素被隐藏 则显示，如果显示就隐藏

        });

    });

伪类选择器

    hover:鼠标指针停留在某个标签上，标签样式改变

    $(document).ready(function(){

        $('#id h2').hover(function(){},function(){}); //hover方法有两个回调函数，第一个是进入的时候，第二个是出去的时候

    });

点击事件

    $('#id').click(function(event){});

    event.target == this  确保事件执行在正确的标签上

    移除点击事件： $('#id').off('click');//会讲id和子标签的都清理掉click事件

    添加命名空间  在click后面加上.space就可以

    只触发一次的事件把.on切换成.one就可以

终止事件

    event.stopPropagation();终止事件的传播

模拟用户操作

    $('#switcher').trigger('click');模拟执行switch的click事件

响应键盘事件

    var key = String.fromCharCode(event.which);