- 浏览: 2614027 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (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的使用场景:我们获取目标元素的直接子元素。
关于ZYC.dom.g请看这里:http://zhangyaochun.iteye.com/blog/1439262
注意:
1、思路主要还是循环-从目标元素的firstChild开始,直到本身和nextSibling一样的时候停止循环,返回一个数组
2、nodeType的判断 元素1
/* *children --get the children element list for the target element* *@function* *@param {HTMLElement|String} element* *@return {Array} if has no children return []* */ ZYC.dom.children = function(element){ element = ZYC.dom.g(element); for(var children =[],el = element.firstChild;el;el = el.nextSibling){ if(el.nodeType == 1){ children[children.length] = el; } } return children; };
发表评论
-
scrollIntolView
2014-03-14 08:47 1089scrollIntoView: 滚动 ... -
动态创建style并写入
2013-08-06 11:35 0动态创建style标签,并写入内容: ... -
如何获取表格的所有行
2013-07-26 20:23 1448一般简单的思路都是按tagNam ... -
getAttributeNode
2013-06-17 15:30 1246getAttributenode ... -
HTML DOM Form对象
2013-06-08 12:23 1470前言: 本文来自w3c ... -
dom的contains
2013-06-06 16:00 1172contains ... -
mouseenter与mouseleave
2013-06-05 15:35 1469在IE中,鼠标移入移出某元素,触发: ... -
hasParent的设计
2013-05-03 18:07 1319场景: 判断指定的元素 ... -
mouseover与mouseenter的区别
2013-06-05 14:29 1630mouseover与mouseenter的区 ... -
getBoundingClientRect
2013-04-07 16:32 1528getBoundingClientRect ... -
getBoundingClientRect
2013-04-07 16:31 0getBoundingClientRect ... -
IE9下的onpropertychange的特殊之处
2013-03-27 19:04 2433场景: 在IE9下,在 ... -
DOM initEvent
2013-03-27 16:18 1747本文来自w3school:http://www ... -
创建对象的一种独特方式
2013-03-19 15:10 1271前言: 本文部分内容来自S ... -
DOM replaceChild()
2013-03-19 11:21 1496replaceChild() ... -
removeNode
2013-03-15 12:53 1310removeNode // ... -
document.activeElement
2013-01-22 09:57 6013document.activeElement ... -
IE下删除自定义属性的兼容性问题
2012-12-17 10:02 2855很多时候我们会给某个dom元素赋予一些自定义的属 ... -
dom的createTextNode
2012-12-14 16:35 1300createTextNode ----- 创建文本节 ... -
原生DOM获取元素相关的api
2012-12-10 14:19 1599整理一下底层获取元素相关的方法: getE ...
相关推荐
例如,使用`children`属性可以直接获取元素的所有子元素节点,并且只包含元素节点,不包括文本节点和注释节点。 ```javascript function getChildrenModern(obj) { return Array.from(obj.children); } ``` 在这...
首先,`children()`方法是jQuery提供的一种获取元素直接子级的方法。它接受一个可选的选择器作为参数,用于筛选匹配的子元素。例如,如果我们有一个`<ul>`元素,我们可以通过`$("ul").children("li")`来获取所有的...
掌握如何通过原生JavaScript获取元素及其子元素的尺寸信息,并根据这些信息动态调整样式,是前端开发中一项非常实用的技能。本文的实践案例,为处理类似问题提供了一个可参考的思路和方法,对于希望深入学习和应用...
从一个索引序号,很容易得到该索引对应的子节点或者子元素,直接用parentNode.childNodes[index] 或 parentNode.children[index] 就行。 但反过来,已知一个节点或元素对象,要知道它的索引序号则没有那么直接了。 ...
4. parentObj.children:获取已知节点的直接子节点数组。 5. parentObj.getElementsByTagName(tagName):使用方法不再赘述,它返回已知节点的所有子节点中类型为指定值的子节点数组。 通过临近节点获取 1. ...
- `children`: 获取元素的子元素集合,不包含文本节点。 - `firstChild` 和 `lastChild`: 获取第一个和最后一个子节点。 - `previousSibling` 和 `nextSibling`: 获取当前元素的前一个和后一个兄弟节点。 8. **...
`$("#id").children(selector)` 方法返回给定元素的所有直接子元素,而 `$("#id").find(selector)` 方法则返回给定元素的所有后代元素,也就是说它会检索所有子元素以及子元素的子元素,依此类推,直到文档的最深层...
在jQuery中,可以通过`.children()`方法来获取当前元素的所有直接子元素: ```javascript var children = $('#parentElement').children(); ``` 如果要获取特定类名的子元素,可以在`.children()`后面加上选择器:...
- `children()`方法只返回直接子元素,不包括文本节点和其他类型的节点。例如,`$("div").children()`会返回所有`div`元素的直接子元素。 - `find()`方法用于查找所有后代元素,不仅仅是直接子元素,可以使用选择...
2. `children([expr])`:这个方法返回所有直接子元素,可以配合表达式进行过滤,例如: ```javascript $(".level-1").children(".item-i"); ``` 这将选取`.level-1`类的元素下的所有`.item-i`类的直接子元素。 3. ...
它与“find()”的区别在于,“children()”只能选择直接子元素,而“find()”可以搜索更深层级的后代元素。这在进行复杂的DOM操作时非常有用。 在实际开发中,掌握这些选择器的使用是十分必要的。熟练应用各种选择...
接下来,`.children()`方法用于获取所有直接子元素。如果我们对`$("#divId")`调用`.children("div")`,它将返回一个jQuery对象,包含了`divId`下所有`<div>`子元素。这个方法允许我们根据元素类型或其他条件筛选子...
首先,我们来看JavaScript获取元素的方法。在JavaScript中,获取指定ID的元素可以使用`getElementById()`方法,然后通过DOM操作来获取子元素、父元素和兄弟元素。例如,获取ID为"dom"的元素下的所有子`div`元素,...
在jQuery中,`.children()`是用于获取一个元素所有直接子元素的集合。这个方法返回的是一个jQuery对象,包含了匹配选择器的所有子元素。如果没有任何参数传递给`.children()`,那么它将返回所有类型的子元素。 例如...
- `children()`方法:此方法获取所有直接子元素。例如,`$("#firstli").children("h3.title");`会获取`id`为`firstli`的元素下所有`h3`标签且class为`title`的直接子元素。 - `find()`方法:在获取子元素方面,`find...
在纯JavaScript中,获取元素相对较为复杂,尤其是在处理不同浏览器的兼容性问题时。例如,获取ID为"test"的元素下的所有子元素,可以使用`getElementsByTagName()`方法: ```javascript var a = document....
在JavaScript原生语法中,你可以使用`children[]`属性来访问直接子元素。例如,`document.getElementById('div2').children[0]`将获取`<div2>`的第一个子元素。 在实际应用中,这些方法可以结合事件监听器,如`...
`.parent()`方法返回元素的直接父元素,而`.children()`方法则返回元素的所有直接子元素。在示例中,`$("p").parent()`将选取所有段落的父元素,并将其颜色设为红色,显示了如何获取父元素。`$("#aa").children("....
- `children([selector])`:获取元素的子元素,可选地通过选择器进行筛选。 - `clone([withDataAndEvents], [deepWithDataAndEvents])`:创建元素的深拷贝。 - `contents()`:获取元素的所有子节点,包括文本和...