`
zhangyaochun
  • 浏览: 2614244 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

移除目标元素的className-removeClass

阅读更多

api的应用场景是:移除目标元素的className

 

关于className的资料http://zhangyaochun.iteye.com/blog/1456976

关于ZYC.dom.g请看这里:http://zhangyaochun.iteye.com/blog/1439262

 

 

/*
*removeClass-remove the className from the element*
*@function*
*@param {string||HTMLElement} element*
*@param {string} className---it can remove more than one className,split each other by whitespace*
*@return {HTMLElement} element
*@remark the className is legal or not *
*you can reference in http://www.w3.org/TR/CSS2/syndata.html*
*/
ZYC.dom.removeClass = function(element,className){
        element = ZYC.dom.g(element);
		var oldClasses =element.className.split(/\s+/),
		    newClasses =className.split(/\s+/),
			_old_length = oldClasses.length,    //old className's length  
			_del_length = newClasses.length,    //delete className's length
            j=0,i=0;
		for(;i<_del_length;i++){	
           for(;j<_old_length;++j){
		    //judge
			if(oldClasses[j] == newClasses[i]){
		     oldClasses.splice(j,1);
			 //return array
			 break;
			 }
		   }
		}
		//change array to string
		element.className = oldClasses.join(" ");
		return element;
};
 

 

 

分享到:
评论

相关推荐

    Javascript 检测、添加、移除样式(className)函数代码

    这里,我们有三个实用的函数:`hasClass`、`addClass`和`removeClass`,它们分别用于检测一个元素是否具有特定的样式类、向元素添加样式类以及从元素中移除样式类。 首先,`hasClass`函数通过正则表达式检查元素的`...

    jQuery常用api手册大全

    - `.removeClass([className])`:移除类名。 - `.toggleClass(className)`:切换类名。 5. **属性操作** - `.attr(attributeName)`:获取或设置属性值。 - `.removeAttr(attributeName)`:移除属性。 - `.data...

    4.Jquery.docx

    - 使用 `addClass()` 和 `removeClass()` 方法:`$("selector").addClass("className")` 或 `$("selector").removeClass("className")`。 #### 6. 操作元素的文档结构 - **内部插入** - `append(content)`:将...

    jQuery语法与实例

    - `$(selector).removeClass(className)`:移除元素的类名。 - `$(selector).toggleClass(className)`:切换元素的类名。 - `$(selector).css(property, value)`:设置或获取元素的CSS属性值。 ### 6. 动画效果 ...

    jQuery整理知识

    - `$(selector).removeClass("className")`:为选中元素移除一个或多个类名。 - `$(selector).toggleClass("className")`:切换选中元素的类名。 - `$(selector).css("property", "value")`:设置或获取选中元素的 ...

    jquery 方法收录

    - `.removeClass([className])`:移除元素的类,可选参数用于指定类名。 ### 4. 内容操作 - `.html(content)`:设置或获取元素的HTML内容。 - `.text(content)`:设置或获取元素的文本内容。 - `.val(value)`:设置...

    jquery 总结文档

    - 使用 `.removeClass("class_name")` 可以移除 DOM 元素的一个或多个类名。 **7. 获取文本内容** - 使用 `.text()` 方法可以获取选定元素的文本内容。 **8. 添加或删除样式** - 使用 `.toggleClass("class_name...

    jQuery1·2API参考文档中文版.rar

    - `.removeClass([className])`:移除元素的类名。 - `.toggleClass(className)`:在元素的类名之间切换。 4. **事件处理(Events)** - `.click(fn)`:绑定点击事件。 - `.bind(eventName, fn)`:绑定任意事件...

    jQuery1.2API

    - `.removeClass([className])`:移除元素的类名。 - `.toggleClass(className)`:切换元素的类名。 ### 5. 事件处理(Event Handling) - `.click(handler)`:为元素绑定点击事件。 - `.bind(eventType, handler)...

    jQuery函数大全

    - 功能:切换元素的类(如果存在则移除,如果不存在则添加)。 - 示例:`$(element).toggleClass("active");` - 解释:如果元素已经具有“active”类,则将其移除;否则,添加该类。 ##### 4. 操作文档结构 - **...

    jQuery常用方法jQuery常用方法

    - **removeClass(className)**: 移除一个或多个类名。例如:`$("element").removeClass("class");` - **html()**: 获取或设置HTML内容。 - 获取内容:`$("element").html();` - 设置内容:`$("element").html("&lt;b&gt;...

    Jquery杂类

    - `$(selector).removeClass(classname)`:移除类名。 - `$(selector).toggleClass(classname)`:切换类名。 ### 4. 事件处理(Event Handling) jQuery的事件处理机制非常直观: - `$(selector).click(function)...

    jQuery中的DOM操作.ppt

    - `removeClass(classname)`:移除类名,`$("#img1").removeClass("classB");`移除图片的`classB`类。 4. **创建和插入元素**: - `jQuery(html)`:创建HTML字符串并将其转换为jQuery对象,可以用于插入到DOM中。...

    Jquery文档处理的几种效果

    - `.removeClass("className")`:移除类。 - `.toggleClass("className")`:切换类。 ### 4. 事件处理 jQuery的事件处理简单易用,支持多种事件绑定: - `.click(function)`:点击事件。 - `.hover(functionEnter...

    jquery基础教程07

    - `removeClass("classname")`:从每个匹配的元素中移除一个或多个类。 - `toggleClass("classname")`:对每个匹配的元素进行切换(添加/移除)一个或多个类。 #### 三、事件处理 事件处理是jQuery中非常重要的...

Global site tag (gtag.js) - Google Analytics