关于获取元素进行动画效果的问题以及简单的正则表达式验证

标签：

//实现表格的隔行换色效果
$(”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({
                width: 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

关于获取元素进行动画效果的问题以及简单的正则表达式验证

标签：

原文地址：http://www.cnblogs.com/Hsong/p/5189210.html