zoukankan      html  css  js  c++  java
  • 关于获取元素进行动画效果的问题以及简单的正则表达式验证

    //实现表格的隔行换色效果
    $(”tr”).each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})

    //鼠标移入移出变色()
                $(".ContentTr").hover(function () {
                    c = this.style.backgroundColor;
                    this.style.backgroundColor = '#8F8FBD'
                }, function () {
                    this.style.backgroundColor = c;
                });

    //让div越来越大与越来越小
    $(function () {
                $("div").css({ "width": "100px", "height": "100px", "background": "blue"

    });
                var defaults = $("div");
                var multiple = 1.2;
                var time = setInterval(function () {
                    changeDiv(defaults, multiple);
                    if (defaults.width() > 1000) {
                        multiple = 0.8;
                    }
                    if (defaults.width() < 100) {
                        multiple = 1.2;
                    }
                }, "1000");
            });


            function changeDiv(defaults, multiple) {
                $(defaults).css({
                    function (index, value) {
                        return parseFloat(value) * multiple;
                    },
                    height: function (index, value) {
                        return parseFloat(value) * multiple;
                    }
                });
            }


    // 开始动画
    $("#go").click(function(){
      $(".block").animate({left: '+200px'}, 5000);
    });

    // 当点击按钮后停止动画
    $("#stop").click(function(){
      $(".block").stop();
    });

     //选中的行变色,上一次选中的取消变色
     $("table .ContentTr").click(function(){
                    $(this).addClass("avb").siblings().removeClass("avb");
                    UserID = $(this).attr("UserID");
                });  

    //获取rad的值加载到radio
      $("input[name='statics'][value="+data[0].角色状态+"]").attr("checked",true);


     //判断哪一个rad被选中
                $(".radClass").each(function(){
                    if($(this).attr("checked")){
                        radVal=$(this).val();
                    }
                })

    //手机前7位号码
    if ($(".photo_text").text().replace(/\s+/g, "").length == 7) {}

    //checkbox全选反选
    function checkAll() {
                var a = $(":checkbox").get(0).checked;
            //$(":checkbox:gt(0)").each(function () {
                    //this.checked = a
                    //});
                $(":checkbox:not(#ckbAll)").each(function () {
                    this.checked = a
                });
            }

    //检查中文
    function check()
    {
        //获取表单内容
        var str = document.frm1.txt1.value;
        var reg = /[\u4e00-\u9fa5]/;
        if(reg.test(str))
        {
            alert("有中文出现");
        }
    }
    //检查邮箱
    function check()
    {
    var str = document.frm1.txt1.value;
    //定义判断邮箱的正则
    var reg = /^[0-9a-zA-Z]+@[0-9a-zA-Z]+[\.]{1}[0-9a-zA-Z]+[\.]?[0-9a-zA-Z]+$/;
    if(!reg.test(str))
    {
        alert("邮箱格式错误!");
    }
    }
    //去掉空格
    function fun()
    {
        var str = document.frm1.txt1.value;
         var reg = /^\s+|\s+$/g;
         document.frm1.txt1.value = str.replace(reg,"");
    }
    //复杂模式(字符串需要转义)
    var regex=new Regexp("^\\d+$");转义符
    regex.test("123asd1212"); false
    //在双斜线之间写正则(不用转义)
    var regex=/^\d+$/;
    regex.test("123213"); true

  • 相关阅读:
    2017第17周四当前工作中困境与挑战思考
    2017第17周三
    2017第17周二
    最小可行产品
    《穷查理宝典》中三条最重要的学习方法
    机场打车有感
    2017第15周五
    2017第15周四
    三条经济学原理帮你做出正确的选择
    Mac通过安装Go2Shell实现“在当前目录打开iTerm2”
  • 原文地址:https://www.cnblogs.com/Hsong/p/5189210.html
Copyright © 2011-2022 走看看