总结一下html中常用的js方法,有时候,突然就忘了,不知道哪儿去查,就会菊花疼,所以慢慢的总结一些,以后好查
不允许选中
//添加这段css代码,界面就不可以选中了
body{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
获取选中下拉列表框文字
var nendo = $("#nendo").val();
$("#nendo option[value='"+nendo+"']").html();
判断字符串是否为空
function isEmpty(varStr){
if(varStr == null || varStr ==undefined){
return true;
}
if(varStr.replace(/(^\s*)|(\s*$)/g, "") != ""){
return false;
}
return true;
}
判断是否是数字
//判断是不是数字类型的数据
function isNumber(obj){
var reg = /^[0-9]+.?[0-9]*$/;
return reg.test(obj);
}
判断是否是邮箱
//判断是不是邮箱
function isEmail(obj){
var reg = /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/;
return reg.test(obj);
}
判断是否包含了中文
//包含了中文字符
function hasChines(obj){
var reg = /^[\u4e00-\u9fa5]/
for(var i=0;i<obj.length;i++){
if(reg.test(obj[i])){
return true;
}
}
return false;
}
设定和获取radio默认选中
//设定radio默认选中
$("#tokeiShare0").prop('checked',true);
//判断是否选中
$("#tokeiShare0").is(':checked')
CheckBox设定全不选中
$("#afls1120-right input").each(function(key,obj){
$(this).attr("checked",false);
});
//第二种设定不选中的方法 ,第一种方法不一定有效,可以试试这种
$obj.prop("checked","checked");
设定焦点
//设定文本框和对象选中, js提供的focus不咋好用
document.getElementById("tokeYosList").focus();
去掉空格
function trim(str){
return str.replace(/(^\s*)|(\s*$)/g, "");
}
显示不显示
//这个方法不咋好用,因为他影藏了,还占着dom空间
$('#Xfmm1010').css("visibility","visible");
$('#Xfmm1010').css("visibility","hidden");
//这个方法显示影藏,不占用dom空间,好用
$('#Xfmm1010').hide();
$('#Xfmm1010').show();
字符操作
#分割,反回字符串
options.split(";")
#截取,根据长度截取
stringObject.substr(start,length)
#这个是和java的差不多,就是根据起始位置截取
stringObject.substring(start,stop)
#判断字符串是否存在
str.indexOf("xx") >=0
#JSON字符串的相互转换
var str = JSON.stringify(jsObj);
var str1 = JSON.parse(str);
节点获取
#前面一个li标签下面的id标签
var cssPrevSel = $("#secKaiKbn").parent("li").prev("li").find("a").attr("id");
#后面一个li标签下面的id标签
var cssNextSel = $("#secKaiKbn").parent("li").next("li").find("a").attr("id");
#所有同级别的标签
$("#secKaiKbn").parent("li").siblings("li").size()
#子节点下面查找
$("#secKaiKbn").find("li").siblings("li").size()
Class的删除和判断
#class是否存在
$("#"+btnNow).hasClass("selected");
#添加class
$("#"+btnNow).addClass("selected")
#删除class
$("#"+cssNextSel).removeClass("selected");