HTML常用的jquery操作-yellowcong

总结一下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");

参考文章

http://tool.oschina.net/regex/#

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页