zoukankan      html  css  js  c++  java
  • jQuery小技巧(三)

    13.检测鼠标的左键、右键

     $(function(){
            $('#XY').mousedown(function(e){
                alert(e.which); // 1=左键,2=中键,3=右键
            })
        })

    14.回车提交表单

    $(function(){
            $('input').keyup(function(e){
                if(e.which == '13'){
                    alert('回车提交!');
                }
            })
        })

    15.设置全局Ajax参数

    $(function(){
            $('#load').ajaxStart(function(){
                showLoading(); //显示loading
                disableButtons(); //禁用按钮
            });
            $('#load').ajaxComplete(function(){
                hideLoading(); //隐藏loading
                enableButtons(); //启用按钮
            });
        })

    16.获取选中的下拉框

    $(function(){
           //var val = $('#select').find('option:selected').val();
            var val = $('#select option:selected').val();
            alert(val);
        })

    17.切换复选框

    $(function(){
           var tog = false;
            $('button').click(function(){
                $('input[type=checkbox]').attr("checked",!tog);
                tog = !tog;
            })
        })

    18.使用siblings()来选择同辈元素

        //方法1
            $("#nav li").click(function () {
                $("#nav li").removeClass('bg');
                $(this).addClass('bg');
            })
    
            //方法2:使用siblings()
            $("#nav li").click(function () {
                $(this).addClass('bg')
                        .siblings().removeClass('bg');
            })
        })

    19.个性化链接

    $(function(){
            $("a[href$='red']").addClass('bgRed'); //a以 "red" 结尾的所有元素
            $("a[href$='green']").addClass('bgGreen');
            $("a[href$='blue']").addClass('bgBlue');
        })

    20.在一段时间之后自动隐藏或关闭元素

    $(function(){
            setTimeout(function(){
                $('.div1').fadeOut()
            },3000);
    
            //1.4版本后可用delay()来实现
            $('.div2').delay(3000).fadeOut();
        })

    21.使用Firefox或Firebug来记录事件日志

    //$('#someDiv').log('div');
    jQuery.log = jQuery.fn.log = function(msg){
                if (console){
                    console.log("%s: %o", msg, this)
                }
                return this;
            }
  • 相关阅读:
    Linux_文件权限
    离殇
    Oracle数据库软件标准版的一个限制:仅仅能用一个rman channel
    数据结构和算法设计专题之---推断两个链表是否相交并找出交点
    Test for Job (poj 3249 记忆化搜索)
    表达式求值
    HDOJ 2196 Computer 树的直径
    ListView的position的保持
    Django訪问量和页面PV数统计
    【oracle 11G Grid 】Crsctl start cluster 和 crsctl start crs 有差别么?
  • 原文地址:https://www.cnblogs.com/oltra/p/5071587.html
Copyright © 2011-2022 走看看