js实现addClass,removeClass,hasClass
function hasClass(ele,cls) {
return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}
function addClass(ele,cls) {
if (!this.hasClass(ele,cls)) ele.className += " "+cls;
}
function removeClass(ele,cls) {
if (hasClass(ele,cls)) {
var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
ele.className=ele.className.replace(reg,' ');
}
}
//call the functions
addClass(document.getElementById("test"), "test");
removeClass(document.getElementById("test"), "test")
if(hasClass(document.getElementById("test"), "test")){//do something};
分享到:
相关推荐
主要介绍了原生js实现addClass,removeClass,hasClass方法和使用原生JS实现jQuery的addClass, removeClass, hasClass函数功能,需要的朋友可以参考下
主要介绍了原生javascript实现addClass,removeClass,hasClass函数的相关代码,有需要的小伙伴可以参考下
js实现addClass,removeClass,hasClass的函数代码,需要的朋友可以参考下。
主要介绍了使用JS实现jQuery的addClass, removeClass, hasClass函数功能,需要的朋友可以参考下
在此写了一个利用原生js来实现对dom元素class的操作方法 1.addClass:为指定的dom元素添加样式 2.removeClass:删除指定dom元素的样式 3.toggleClass:如果存在(不存在),就删除(添加)一个样式 4.hasClass:判断样式是否...
版本1 功能列表: addEvent removeEvent triggerEvent 选择selectById selectByClass selectByTag selectByQuery selectParentById selectParentByClass selectParentByTag 第一的addClass removeClass hasClass ...
星星 在dom中注视自己的方式 原料药 addClass removeClass hasClass toggleClass findAncestor 执照
我决定尝试从零开始实现jQuery,作为学习普通JS的一种方法。 但是,通过此练习,我知道了它对您有多大的作用,使我对jQuery有了更大的赞赏! dollabill DOM操作(dom_manip.js) addClass removeClass ...
CSSClass 是一个 JavaScript 微框架,它将函数 .hasClass、.addClass、.removeClass 和 .toggleClass 添加到 Element 原型中。 使用很简单。 包含脚本文件并仅使用函数(它们可以链接)。 您还可以通过在它们之间...
addClass removeClass hasClass 将类操作应用于SVGElement实例的SVGElement 。 Jquery 本身不会这样做 依赖关系 流星核心包 ##Credits 补丁的所有功劳归于 Justin McCandless(原版)和 Shaw(改进版),请参阅。...
方法1:使用className属性...//hasClass addClass removeClass toogleClass var hasClass,addClass,removeClass; if('classList' in document.documentElement){ hasClass=function(obj,cname){ return obj.classList
jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。...4.find, empty, remove, addClass, removeClass, hasClass, attr, and css 等方法进行了重构,大大的优化
代码片段: $(function(){ ... if($(this).hasClass('show')){ $(this).removeClass('show'); subMove(); }else{ $(this).addClass('show'); addMove(); } }) })
实例代码: function hasClass( ...function addClass( elements,cName ){ if( !hasClass( elements,cName ) ){ elements.className += " " + cName; }; }; function removeClass( elements,cName ){ if( has
$(this).parent().parent("li").removeClass("active").addClass("completed"); $(this).parent(".wizard-content").slideUp(); $('.payment-wizard li.jump-here').removeClass("jump-here"); }else{ $(this)....
创建一个 js 来包装 jquery 并覆盖一些方法,例如 addClass / removeClass / hasClass用例SAM('am-button') === $('[am-button=""]') SAM('am-button *=small') === $('[am-button *="small"]') SAM('am-Button *=...