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;
            }
  • 相关阅读:
    详述Xgboost原理
    Uncaught Error: Script error for "popper.js", needed by: bootstrap
    JS 正则表达式从地址中提取省市县
    OneThink实现多图片批量上传功能
    移动端图片上传解决方案localResizeIMG先压缩后ajax无刷新上传
    PHPCMS V9添加模板自定义全局变量
    CentOS 7:如何安装防火墙?
    HTML5的fieldset标签
    PHP使用CURL详解
    asp.net+swfupload 多图片批量上传(附源码下载)
  • 原文地址:https://www.cnblogs.com/oltra/p/5071587.html
Copyright © 2011-2022 走看看