十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
每一个function的作用下,cpu都会吃到负载,耗电量的提升,带来全球变暖的显著变化,你们的每个子子孙孙的后代会毁在你们的每一个function中,现在开始禁用javascript,绿色环保,为未来的地球做出贡献。
站在用户的角度思考问题,与客户深入沟通,找到临江网站设计与临江网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:成都网站制作、成都网站建设、企业官网、英文网站、手机端网站、网站推广、申请域名、虚拟主机、企业邮箱。业务覆盖临江地区。
如果是jQuery就很好做:
var arr=$('#total').children('.firstChild');//获取类firstChild的三个节点
然后遍历,获取子节点:
var list=[];//存放子节点
for(var i=0,len=arr.length;ilen;i++){
var ele=$(arr[i]).children();
if(ele) list.push(ele);//我习惯判断一下ele是否有值,如果没有子节点的话:ele=undefined
}
后代选择器的写法就是把外层的标记写在前面,内层的标记写在后面,之间用空格分隔。当标记发生嵌套时,内层的标记就成为外层标记的后代。
子选择器只对直接后代有影响的选择器,而对“孙子后代”以及多层后代不产生作用。
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
a{} /* 标签选择器,查找标签名称为a的节点 */
.cls{} /* 类选择器,查找class属性值中含有cls类的节点 */
#id /* id选择器,查找id为id的节点 */
以上为最常用的三个选择器,另外还有一些更为复杂的选择器,如:
a:hover{} /* 伪类选择器,查找鼠标经过时的a标签 */
p:after{} /* 伪元素选择器,在p标签后添加一个元素 */
input[name=test]{} /* 属性选择器,查找属性name值为test的节点 */
上面基本都是比较基础的选择器,这些选择器也可以组合使用,如:
div a{} /* 后代选择器,查找所有div标签下的所有a标签 */
div input{} /* 子元素选择器,查找所有div标签下的所有直接子元素input标签 */
div + p{} /* 相邻元素兄弟元素选择器,查找紧邻div元素后的p标签 */
多个选择器可以使用逗号分开,以达到不同选择器结果的合并:
p, div, table a{} /* 合并结果集,查找所有p标签、div标签以及div标签下的a标签 */
你可以换个角度思考,判断p是不是c2的父亲
function isFatcher(p, c2){
var c = c2;
while(c.parentNode){
c = c.parentNode;
if(c == p)
return true;
}
return false;
}