您的位置:首页 > Web前端 > JQuery

jquery的常见使用

2016-01-08 19:18 666 查看

1.checkbox的赋值和判断选中

判断.is(':checked') true/false,例如:$("#a").is(":checked");

赋值.attr("checked",'true')

2.判断标签是否包含样式

.hasClass("class");

例如,我想在一串li中,查找包含“addRedColorCss”样式的li

$("#categoryLeft ul li").each(function(){
if($(this).hasClass("addRedColorCss")){
_newShopping(selfId,$(this).attr("id"));
}
});


3.置顶

$("#loading2").click(function(){
$('body,html').animate({scrollTop:0},500);
return false;
});


4.判断元素是否隐藏

if($("#a").is(":hidden")){// 是隐藏

}else{// 是显示

}


5.常见js正则校验

/**
*校验电话号码是否合法,比如 021-12345678
*校验手机号码是否合法,比如 18217615408
**/
function isTelOrMobile(telephone){
var teleReg = /^((0\d{2,3})-)(\d{7,8})$/;
var mobileReg =/^1[358]\d{9}$/;
if (!teleReg.test(telephone) && !mobileReg.test(telephone)){
return false;
}else{
return true;
}
}

//验证QQ号码5-11位
function isQQ(qq) {
var filter = /^\s*[.0-9]{5,11}\s*$/;
if (!filter.test(qq)) {
return false;
} else {
return true;
}
}

//验证邮箱格式
function isEmail(str) {
if (str.charAt(0) == "." || str.charAt(0) == "@" || str.indexOf('@', 0) == -1 ||
str.indexOf('.', 0) == -1 || str.lastIndexOf("@") == str.length - 1 ||
str.lastIndexOf(".") == str.length - 1 ||
str.indexOf('@.') > -1)
return false;
else
return true;
}


6.string --> object object -- > strring

var obj = new Object();
obj.name = 'zhangsan';
obj.age = 11;

var objStr = $.toJSON(obj);

console.log(objStr);// object --> string

var str = "{\"name\":\"lisi\",\"age\":11}";
var strObj = $.parseJSON(str);

console.log(strObj.name+" " + strObj.age);// string --> object




ps:若出现 $.parseJSON() not function情况,请添加 jquery.json的js包

点我下载,jquery-1.11.1.min.js+jquery.json.-2.4.js

未完,待续....

个人记录,避免遗忘!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: