码迷,mamicode.com
首页 > Web开发 > 详细

JS与JQ的区别

时间:2017-07-29 20:19:02      阅读:648      评论:0      收藏:0      [点我收藏+]

标签:用户   function   ndt   添加   remove   alert   on()   页面   info   

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混用,比如  一个登陆页面

      function doTest(){

                var username=document.getElementById("username").value;//该写法是js写法获取用户名

                var pwd=$("#tex1").val();//该写法是jquery写法获取密码

                if(""==username){

                alert("用户名不能为空");

                return;

                    } ;

      };

      3、代码一定要写规范,分号该加就加,严格要求自己,增加领导认可程度,方便自己以及其他人,避免不必要的bug

      4、方法名变量名一定要有意义

      5、不要使用中文定义文件名

 

   

 

JS与JQ的区别

标签:用户   function   ndt   添加   remove   alert   on()   页面   info   

原文地址:http://www.cnblogs.com/7Seven/p/7257228.html

踩
(0)
赞
(0)
   
举报
评论 一句话评论(0)
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!