2）dom *** 作就是对节点进行 *** 作
3）节点的类型的获取方法notetype
4）ie9以上及chrome safari firefox 会将换行符当成节点
（1）静态获取
（2）返回带有指定ID的元素
var box1=documentgetElementById('box');
（1）根据标签名获取
（2）得到的是个数组
var div1=documentgetElementsByTagName('div')[0];
（1）根据类名获取元素
（2）动态获取
（3）得到的是一个数组
var box=documentgetElementsByClassName('box')[0];
（1）返回符合要求第一个元素
（2）通过css选择器来获取指定标签
（3）静态获取
（1）返回所有匹配元素
（2）根据css选择器来获取所有标签
（3）得到的是一个数组
获取兄弟节点
获取下一个兄弟标签
获取上一个兄弟节点
获取上一个兄弟标签
获取最后一个子节点
获取最后一个子标签
获取所有非标签类型的子节点
获取所有子标签节点
获取父节点
增加节点
var div=documentcreateElement('div');
在父元素的末尾，插入节点
在添加元素前，需要将元素先创建好
divappendChild(div);
修改指定子节点
删除指定子节点
在删除前需要先获取到被删除元素
divremoveChild(box);
删除当前节点
需要先获取到被删除的节点
divremove();
（1）设置ID
divid='box';
（2）设置class
divclassName='box';
（3）设置style
divstylewidth='10px';
（4）设置路径
imgsrc='/';
（5）自定义属性id选择器：一个用来查找的ID，即元素的id属性
id选择器也是基本的选择器，jQuery内部使用JavaScript函数documentgetElementById()来处理ID的获取。原生语法的支持总是非常高效的，所以在 *** 作DOM的获取上，如果能采用id的话尽然考虑用这个选择器
值得注意：
id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的
类选择器，顾名思义，通过class样式类名来获取节点
描述：
类选择器，相对id选择器来说，效率相对会低一点，但是优势就是可以多选
元素选择器
元素选择器：根据给定（html）标记名称选择所有的元素
描述：
全选择器
抛开jQuery，如果要获取文档中所有的元素，通过documentgetElementsByTagName()中传递""同样可以获取到
不难发现，id、class、tag都可以通过原生的方法获取到对应的节点，但是我们还需要考虑一个兼容性的问题，我这里顺便提及一下，比如:
IE会将注释节点实现为元素，所以在IE中调用getElementsByTagName里面会包含注释节点，这个通常是不应该的
getElementById的参数在IE8及较低的版本不区分大小写
IE7及较低的版本中，表单元素中，如果表单A的name属性名用了另一个元素B的ID名并且A在B之前，那么getElementById会选中A
IE8及较低的版本，浏览器不支持getElementsByClassName<body>
<input type='button' class="click_update" value='我是第一个'/>
<input type='button' class="click_update" value='我是第二个'/>
<input type='button' class="click_update" value='我是第三个'/>
<input type='button' class="click_update" value='我是第四个'/>
</body>
<script>
var a=$("click_update");
for(var i =1; i<=alength-1;i++){
alert(a[i]value);
}
</script>你这样写试试
JQueryeach($("li"),function(i,n){if(i%4==0){
$(this)addClass('lineFirst');
}
})
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）