js&jquery对比
备用
1、获取元素 var info=document.getElementById("tex1"); var info=$("#tex1"); 2、获取值 var info=document.getElementById("tex1").value; var info=$("#tex1").val(); //对于文本框等有value属性的(例如input、radio、checkbox等)可以使用上面的方法,没有value属性的(例如div、span、p等)可以使用下面的 var info=document.getElementById("tex1").innerHTML; var info=$("#tex1").text(); 3、赋值 var info=document.getElementById("p1").value="123"; var info=$("#tex1").val("123"); //对于文本框等有value属性的(例如input、radio、checkbox等)可以使用上面的方法,没有value属性的(例如div、span、p等)可以使用下面的 var info=document.getElementById("tex1").innerHTML; var info=$("#tex1").text("123"); 4、添加元素 a对象.appendChild(b对象) 将b对象添加到a里面 (动态下拉框js实现) a对象.appendChildTo(b对象) 将a添加到b (动态下拉框jquery实现) 5、移除元素 document.getElementById("ul").removeChild(当前元素);//只能移除子元素 $("#div1").remove();//可以移除当前元素 6、创建元素 var newNode = document.createElement("P");//创建一个P标签 var select = $("<select/>").appendTo($("body"));//在body里面创建一个下拉框 var option1 = $("<option value=\"1\">text1</option>").appendTo(select);//在下拉框里面创建option并添加 7、加载函数 window.onload=function(){ } $(function(){ })
引用
总结:
1、js的dom一般都是以document开头
2、js的bom一般都是以window开头
3、jquery一般都是以$("")开头,方法都是有括号的比如获取值val()等等,细节参看以上描述
注意事项:
1、一句完整的代码不能出现jquery和js混搭,比如获取对象的值document.getElementById("tex1").val();是不对的,
分析:document.getElementById("tex1")是js写法,val()是jquery的方法
2、但是一个方法里面可以出现js和jquery混用,比如一个登陆页面
functiondoTest(){
varusername=document.getElementById("username").value;//该写法是js写法获取用户名
varpwd=$("#tex1").val();//该写法是jquery写法获取密码
if(""==username){
alert("用户名不能为空");
return;
};
};
3、代码一定要写规范,分号该加就加,严格要求自己,增加领导认可程度,方便自己以及其他人,避免不必要的bug
4、方法名变量名一定要有意义
5、不要使用中文定义文件名
相关推荐
EdwardSiCong 2020-11-23
85477104 2020-11-17
hhanbj 2020-11-17
81427005 2020-11-11
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
82550495 2020-08-03
tthappyer 2020-08-03
84901334 2020-07-28
tthappyer 2020-07-25
TONIYH 2020-07-22
tztzyzyz 2020-07-20
83510998 2020-07-18
81463166 2020-07-17