- 浏览: 2621417 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
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; };
发表评论
-
scrollIntolView
2014-03-14 08:47 1090scrollIntoView: 滚动 ... -
动态创建style并写入
2013-08-06 11:35 0动态创建style标签,并写入内容: ... -
如何获取表格的所有行
2013-07-26 20:23 1452一般简单的思路都是按tagNam ... -
getAttributeNode
2013-06-17 15:30 1248getAttributenode ... -
HTML DOM Form对象
2013-06-08 12:23 1473前言: 本文来自w3c ... -
dom的contains
2013-06-06 16:00 1177contains ... -
mouseenter与mouseleave
2013-06-05 15:35 1474在IE中,鼠标移入移出某元素,触发: ... -
hasParent的设计
2013-05-03 18:07 1322场景: 判断指定的元素 ... -
mouseover与mouseenter的区别
2013-06-05 14:29 1635mouseover与mouseenter的区 ... -
getBoundingClientRect
2013-04-07 16:32 1531getBoundingClientRect ... -
getBoundingClientRect
2013-04-07 16:31 0getBoundingClientRect ... -
IE9下的onpropertychange的特殊之处
2013-03-27 19:04 2434场景: 在IE9下,在 ... -
DOM initEvent
2013-03-27 16:18 1748本文来自w3school:http://www ... -
创建对象的一种独特方式
2013-03-19 15:10 1273前言: 本文部分内容来自S ... -
DOM replaceChild()
2013-03-19 11:21 1497replaceChild() ... -
removeNode
2013-03-15 12:53 1313removeNode // ... -
document.activeElement
2013-01-22 09:57 6018document.activeElement ... -
IE下删除自定义属性的兼容性问题
2012-12-17 10:02 2855很多时候我们会给某个dom元素赋予一些自定义的属 ... -
dom的createTextNode
2012-12-14 16:35 1303createTextNode ----- 创建文本节 ... -
原生DOM获取元素相关的api
2012-12-10 14:19 1599整理一下底层获取元素相关的方法: getE ...
相关推荐
这里,我们有三个实用的函数:`hasClass`、`addClass`和`removeClass`,它们分别用于检测一个元素是否具有特定的样式类、向元素添加样式类以及从元素中移除样式类。 首先,`hasClass`函数通过正则表达式检查元素的`...
- `.removeClass([className])`:移除类名。 - `.toggleClass(className)`:切换类名。 5. **属性操作** - `.attr(attributeName)`:获取或设置属性值。 - `.removeAttr(attributeName)`:移除属性。 - `.data...
- 使用 `addClass()` 和 `removeClass()` 方法:`$("selector").addClass("className")` 或 `$("selector").removeClass("className")`。 #### 6. 操作元素的文档结构 - **内部插入** - `append(content)`:将...
- `$(selector).removeClass(className)`:移除元素的类名。 - `$(selector).toggleClass(className)`:切换元素的类名。 - `$(selector).css(property, value)`:设置或获取元素的CSS属性值。 ### 6. 动画效果 ...
- `$(selector).removeClass("className")`:为选中元素移除一个或多个类名。 - `$(selector).toggleClass("className")`:切换选中元素的类名。 - `$(selector).css("property", "value")`:设置或获取选中元素的 ...
- `.removeClass([className])`:移除元素的类,可选参数用于指定类名。 ### 4. 内容操作 - `.html(content)`:设置或获取元素的HTML内容。 - `.text(content)`:设置或获取元素的文本内容。 - `.val(value)`:设置...
- 使用 `.removeClass("class_name")` 可以移除 DOM 元素的一个或多个类名。 **7. 获取文本内容** - 使用 `.text()` 方法可以获取选定元素的文本内容。 **8. 添加或删除样式** - 使用 `.toggleClass("class_name...
- `.removeClass([className])`:移除元素的类名。 - `.toggleClass(className)`:在元素的类名之间切换。 4. **事件处理(Events)** - `.click(fn)`:绑定点击事件。 - `.bind(eventName, fn)`:绑定任意事件...
- `.removeClass([className])`:移除元素的类名。 - `.toggleClass(className)`:切换元素的类名。 ### 5. 事件处理(Event Handling) - `.click(handler)`:为元素绑定点击事件。 - `.bind(eventType, handler)...
- `.removeClass(class)`: 从每个匹配的元素移除一个或多个类。 - `.toggleClass(class)`: 对每个匹配的元素切换一个或多个类。 #### 六、JavaScript 处理 1. **事件绑定**: - `.on(eventName, function)`: ...
- 功能:切换元素的类(如果存在则移除,如果不存在则添加)。 - 示例:`$(element).toggleClass("active");` - 解释:如果元素已经具有“active”类,则将其移除;否则,添加该类。 ##### 4. 操作文档结构 - **...
- **removeClass(className)**: 移除一个或多个类名。例如:`$("element").removeClass("class");` - **html()**: 获取或设置HTML内容。 - 获取内容:`$("element").html();` - 设置内容:`$("element").html("<b>...
- `$(selector).removeClass(classname)`:移除类名。 - `$(selector).toggleClass(classname)`:切换类名。 ### 4. 事件处理(Event Handling) jQuery的事件处理机制非常直观: - `$(selector).click(function)...
- `removeClass(classname)`:移除类名,`$("#img1").removeClass("classB");`移除图片的`classB`类。 4. **创建和插入元素**: - `jQuery(html)`:创建HTML字符串并将其转换为jQuery对象,可以用于插入到DOM中。...
- `.removeClass("className")`:移除类。 - `.toggleClass("className")`:切换类。 ### 4. 事件处理 jQuery的事件处理简单易用,支持多种事件绑定: - `.click(function)`:点击事件。 - `.hover(functionEnter...
- `removeClass("classname")`:从每个匹配的元素中移除一个或多个类。 - `toggleClass("classname")`:对每个匹配的元素进行切换(添加/移除)一个或多个类。 #### 三、事件处理 事件处理是jQuery中非常重要的...
- `removeClass()`: 移除元素的CSS类,如`$("element").removeClass("className")`。 - `html()`, `text()`, 和 `val()`: 分别用于获取或设置元素的HTML内容、纯文本内容或输入元素的值。 3. **元素操作...