js&jquery对比

81497307 2017-06-20

备用

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、不要使用中文定义文件名

相关推荐

Web全栈笔记 / 0评论 2020-06-15