6.操作css样式的时候
JavaScript:
1.使用setAttribute设置class和style
document.getElementById("first").setAttribute("style","color:red");
2.使用.className添加一个class选择器
document.getElementById("third").className = "san";
3.使用.style.样式直接修改单个样式。注意样式名必须使用驼峰命名法
document.getElementById("four_times").style.fontWeight = "900";
4.使用.style或.style.cssText添加一串行级样式：
document.getElementById("five_times").style = "color: blue;";//IE不兼容
document.getElementById("six_times").style.cssText = "color: yellow;font-size : 60px;";
JQuery:
$("#div2").css("color","yellow");
$("#div2").css({
"color" : "white",
"font-weight" : "bold",
"font-size" : "50px",
});
7.操作层次节点
JavaScript:
1.childNodes：获取当前节点的所有子节点（包括元素节点和文本节点）
children：获取当前节点的所有元素子节点（不包括文本节点）
2.parentNode:获取当前节点的父节点
3.firstChild:获取第一个元素节点，包括回车等文本节点
firstElementChild:获取第一个元素节点，不包括回车节点
lastChild、lastElementChild 同理
4.previousSibling：获取当前元素的前一个兄弟节点
previousElementSibling：：获取当前元素的前一个兄弟节点
nextSibling、nextElementSibling
8.js和jquery转换
两种转换方式将一个jQuery对象转换成js对象：[index]和.get(index);
(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的js对象。
如：var $v =$("#v") ; //jQuery对象
var v=$v[0]; //js对象
alert(v.checked) //检测这个checkbox是否被选中
(2)jQuery本身提供，通过.get(index)方法，得到相应的js对象
如：var $v=$("#v"); //jQuery对象
var v=$v.get(0); //js对象
alert(v.checked) //检测这个checkbox是否被选中
js对象转成jQuery对象:
对于已经是一个js对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了。$(js对象)
如：var v=document.getElementById("v"); //js对象
var $v=$(v); //jQuery对象
转换后，就可以任意使用jQuery的方法了。