jquery

Posted 2020-10-31 向兆泽

 1.jquery需要引入一个js文件并且这个js文件是在所有代码之前

2.找标签

   （1）  jquery(选择器) =  $(选择器)； 例 id选择器 class选择器

         <div id="ddd" class=“bbb”></div>

   （2） document.getElementById().setAttribute(‘class‘,‘bbb‘) （dom找标签）

             $(‘ddd‘).attr(‘class‘,‘bbb‘); （jquery找标签）

3.转换

(1).jquery转js

       $(‘#ddd‘)[0]  或者  $(‘#ddd‘).get(0)   转换成dom对象doucment.getElementById("ddd")

(2).js转jquery

     如：var v=document.getElementById("v"); //js对象
     var $v=$(v); //jQuery对象

注意   $(‘.ddd‘)[0]  或者  $(‘.ddd‘).get(0) 要是class的话 这个[0]找的只是第一项

4.找下标

   $(‘#ddd‘).eq(0)

5.操作内容

  js： dom.innerhtml （非表单元素）

         dom.value（表单元素）

 jquery：$.val( ); (表单元素)

              $.html( );(非表单元素) 或者 $.text( );   最后这个不常用

6.操作属性

   js：    document.getElementById().setAttribute(属性名，属性值)  （建立一个属性，并同时给属性捆绑一个值）
            document.getElementById().getAttribute(属性名)   (获取某一个属性的值)

  jquery： $.attr(属性名，属性值)

                $.attr(属性名)

7.操作样式

      js： document.getElementById(  ).style.样式、

      jquert： $.css（属性名，属性值）例如（‘color’，‘red’）

设置多个属性： $.css（{属性名:属性值,属性名:属性值}）例如（{height:30px,color:red,}） 跟上面的操作属性是一样的

8.事件

     js：document.getElementById().addEventListener(‘click’，aa)       就是在行内写 noclick="aa()" 在addEventListener里面写前面不用加on 后面不用加()和引号

          document.getElementById().click=function(){

}

    jquert：$.click(function(){

})

 注意： 先引入css文件 在引jquery文件 在引入框架  最后引入自己的