JQuery第四天总结

1.    radio单选框 checkbox复选框 select列表框
    需要遍历  元素的each
    $(':checkbox').each(function (k, v) {
        if ($(this).attr('checked')) {
            $(this).attr('checked', false);
        } else {
            $(this).attr('checked', true);
        }
2.    JQuery的事件对象：event对象 e
    在mousemove、click等事件的匿名响应函数中如果指定一个参数e，
    那么就可以从e读取发生事件时的一些信息，比如对mousemove等鼠标事件来说，
    就可以读取e.pageX、e.pageY来获得发生事件时鼠标在页面的坐标
    
    属性：
    e.pageX  e.pageY        --ScreenX ScreenY    
    target                    --srcElement
    
    $('#txt').keydown(function(e){});
    e.which            --如果是鼠标，则获得按下键的值
                    --如果是键盘事件，keydown则获取的是keyCode
                    
    e.type获取当前事件的类型click mousemove
    
    $(this).offset()    --获取当前元素相对于页面的坐标
    $(this).offset().left    $(this).offset().top
    
    移除事件绑定：
    unbind()方法--移除元素上的所有绑定的事件
    unbind('click')--只是移除click事件的绑定
    
    一次性事件：如果绑定的事件只想执行一次随后立即unbind可以使用
    one()方法进行事件绑定
    $('btn').one('click', function(){});
3.    动画
    show() hide()方法会显示隐藏元素 toggle()会切换
    可以指定速度参数
    播放声音<bgsound id="snd" loop="0" src="">,动态设置src的wav文件即可
4.    滑动效果
    slideDown() slideUp() slideToggle()
    淡入淡出（透明）
    fadeIn() fadeOut() fadeToggle() fadeTo()到达透明度多少
5.    自定义动画
    animate({样式},speed)
    使用animate设置对象位置的时候要确保position的值为absolute或relative.
    停止正在执行动画的元素     .stop()
    动画队列：.animate().animate().animate()….;
    $(‘#dvAnimate’).animate({ width: ‘+=100px’, height: ‘+=100px’, left: ‘300px’, top: ‘100px’, borderWidth: ‘20px’ }, 2000)，
    在2000毫秒内，width增加100px
6.    很多Dom做的功能用ASP.net服务端代码也能完成，但是那样会页面频繁刷新，性能、可用性非常差。
    能用Dom操作就不要用ASP.net服务端代码。先学HTML、JS、Dom，
    不要一上来就学asp.net，因为那样容易被ASP.Net好用所迷惑。
7.    什么是cookie
    Cookie就是保存在浏览器上的内容
    Cookie是与域名相关的，一个域名能写入的Cookie总尺寸是有限制的，一般是是几千字节
    到Cookie中的数据一定是可有可无的数据，像防止投票作弊就不能用Cookie(Cookie中存储你是否投票了)
    JQueryCookie插件
8.    插件Vs原生JS
    jqzoom插件 使图片放大
    jQuery官方的UI控件 JQueryUI