hasClass addClass removeClass

//函数有class
function hasClass(ele,cls){
return -1<(" "+ele.className+" ").indexOf(" "+cls+" ")
}
//添加class
function addClass(ele,cls){
if((" "+ele.className+" ").indexOf(" "+cls+" ")==-1){
ele.className+=" "+cls;
}
else{
return
}}
//删除class
function removeClass(ele,cls){
if((" "+ele.className+" ").indexOf(" "+cls+" ")>-1){
var reg = new RegExp(‘(\\s|^)‘+cls+‘(\\s|$)‘);
ele.className=ele.className.replace(reg,‘ ‘) //注意替换为空格
}
}
时间: 2024-10-10 06:13:06

hasClass addClass removeClass的相关文章

原生JS实现hasClass,addClass,removeClass

1.hasClass function hasClass(elem, cls){     cls = cls || '';     if(cls.replace(/\s/g, '').length == 0) return false;     return new RegExp(' ' + cls + ' ').test(' ' + elem.className + ' '); } 2.addClass function addClass(elem, cls){     if(!hasClas

原生javascript实现 hasClass addClass removeClass

function hasClass(elem, cls) { cls = cls || ''; if (cls.replace(/\s/g, '').length == 0) return false; return new RegExp(' ' + cls + ' ').test(' ' + elem.className + ' '); } function addClass(ele, cls) { if (!hasClass(elem, cls)) { ele.className = ele

原生JavaScript实现的addclass,removeclass,hasclass,toggleclass,getbyclass

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>addclass,removeclass,hasclass,toggleclass,getbyclass</title> </head> <body> <div class="div1" id="b

jQuery的addClass,removeClass和toggleClass方法

jQuery的addClass,removeClass和toggleClass方法,最后一个方法在某一情形之下,可以替代前面2个方法. 第一个方法addClass为元素添加一个class. 第二个方法removeClass,移除一个class. 第三个方法toggleClass是互斥class. <input id="Text1" type="text" /> 创建样式,当文本框focus时,文本框边框高亮和变宽,当blur时,恢复原来样式. .text

JQuery属性操作 addclass removeclass hasclass toggleClass()

参考页面: http://www.w3school.com.cn/jquery/jquery_ref_attributes.asp 1:addClass() romoveclass():向匹配的元素添加指定的类名 一个或多个,致死天际一个或多个class属性:(如果添加多个类,可以使用空格分隔类名) A:想第一个p元素添加一个类:              $("p:first").addClass("intro"); B: 使用函数添加一个类 <script

jquery hasClass、removeClass、addClass方法

hasClass(class) 检查当前的元素是否含有某个特定的类,如果有,则返回true. 参数: class:用于匹配的类名. -------------------------------------------------------------------------------------------- removeClass([class]) 从所有匹配的元素中删除全部或者指定的类. 参数: class(可选):一个或多个要删除的CSS类名,请用空格分开. ------------

使用原生JS实现jQuery的addClass, removeClass, hasClass的函数功能

function addClass(obj, cls){ var obj_class = obj.className,//获取 class 内容. blank = (obj_class != '') ? ' ' : '';//判断获取到的 class 是否为空, 如果不为空在前面加个'空格'. added = obj_class + blank + cls;//组合原来的 class 和需要添加的 class. obj.className = added;//替换原来的 class. }

.addClass(),.removeClass(),.toggleClass()的区别

.addClass("className")方法是用来给指定元素增加类名,也就是说给指定的元素追加样式: 可以同时添加多个类名,空格符隔开 $("selector").addClass("className1 className2"); .removeClass("className")方法是用来给指定的元素移除类名,也就是说给指定元素移除样式: 可以同时移除多个类名,空格符隔开 $("selector")

addClass, removeClass, toggleClass(从jquery中抠出来)

<div id="d3" class="cur"></div> 1 var mylibs = (function(){ 2 var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, 3 core_trim = String.prototype.trim, 4 core_rspace = /\s+/, 5 rclass = /[\t\r\n]/g; 6 7 var trim = function(tex