培训第四节课笔记（DOM,JQUERY）
HTML5培训第四节课笔记
1. dom操作removeChild
注意在removeChild在for循环中的使用，删除过程中会随着，长度和位置的改变
2. dom操作replaceChild
<body>
<div id="mydiv">
<pid="p1">hello world</p>
<pid="p2">yang</p>
</div>
<script>
varoDiv=document.getElementById('mydiv');
var p2=document.getElementById('p1');
/*varoDiv1=document.createElement("div");
oDiv1.innerHTML="hello";
oDiv1.setAttribute("id","p2");
oDiv.replaceChild(oDiv1,p2);*/
</script>
3. parentNode
父节点
4. 表单验证 onsubmit
//varoForm=document.getElementById('demoform');
//oForm.onsubmit=function(){
//alert("hello");
//提交通过
// returntrue;
注意返回为：
return true或false
false表示阻止默认行为，点击无效
5. javascript正则表达试
//varreg=/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
//alert(reg.test(document.getElementById("email").value));//返回bool值
var s=new RegExp("")
6.jQuery $选择器符号，各种css3选择
7.jQuery包装集和原生对象
JS：varodiv=document.getElementById("mydiv");
JQ： var $odiv=$("#mydiv");
原生对象转为JQ包装集
var $odiv1=$(odiv);
相反：
var odiv1=$odiv[0];
8. $(function(){});
类似js中window.onload
body里有一个onload DOM数已经生成
9. jQuery的事件绑定
事件：
JS:document.getElementById("mybutton")
.onclick=function(){};
JQ: $("#mybutton").click(function(){});
绑定事件
$("#mybutton").bind("click",function(){});
绑定多个事件
$("#mybutton").bind({
"click":function(){},
"mouseover":function(){}
});
解除绑定
$("#mybutton").unbind("click");
10. jQuey样式修改
添加class
addClass
删除class
removeClass("mydiv");
$("div").removeClass();删除所有样式
切换样式
$("div").toggleClass("mydiv");
加过样式，去掉，没有样式，加上