javascript 和 jquery的对比使用

<input type="checkbox" id = "myInput"  style="height:5px">

1.js对象和jquery对象的互转。

jquery转js  ：  如： $(" # myInput ")   //jquery对象

             $(" # myInput ")[ 0 ]    //获取js对象 ;

js转jquery对象 ： 如：var v=document.getElementById("myInput"); //js对象 

                              var $v=$(v); //jQuery对象 

2.jquery和js使用对比

如：2.1  获取样式及修改

                   js      element.style.height = '100px'  

                   jquery     $("#myInput").css("color","red")

      2.1 获取元素属性及移除

                   js         element.disabled                                    //属性获取

                                element..setAttribute("disabled",'true'); 或 element.disabled = true  //设置属性

                                element.removeAttribute("disabled");      //移除属性

                  jquery  $("#myInput").attr("disabled"）                //获取属性

                              $("#myInput").attr("disabled", "true");         //设置属性   

                              $("#myInput").removeAttr("disabled");       // 移除属性     

 

         3.1添加class

                       js            element.add("abc");

                                     element.remove("abc");

                      jquery       $("#myInput").addClass("abc");                  

                                     $("#myInput").removeClass("abc");

 

                        js对象转jquery                       e->$(e)

                         jquery对象转js                 $("#input")  ->$("#input")[0]

 

         未完待续