js和jquery的区别

Posted 跑很快的土豆

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js和jquery的区别相关的知识,希望对你有一定的参考价值。

js和jquery主要的区别在 dom
 想用jQuery  必须先引入(顺序问题 )
 先css 再js     先框架css再自己css  先jquery 再框架 再自己
 
 找元素:
   js:
     document.getElementBy...   id tagname name classname
   jquery:
          $(选择器)     $(选择器).eq(下标)
   js找到的是js对象  jquery找到的是jquery对象
        相互转   js->jquery    $(jsDom)
           jquery -> js   $(‘div‘)[0]     $(‘div‘).get(0)
    
   两个对象 jsDom  jqDom
   操作内容:
      js.innerhtml = 赋值
      jsDom.value   获取
      jqDom.html()   jqDom.html(‘赋值‘)
      jqDom.val()
   操作样式
      jsDom.style.color = 赋值   //只能操作行内样式
      jqDom.css(‘color‘);   jqDom.css(‘color‘,‘red‘);
      jqDom.removecss(‘color‘)
      jqDom.css({
         ‘color‘ : ‘red‘,
         ‘width‘ : ‘100px‘,
         ...
      })
   操作属性
      jsDom.getAttribute(‘class‘);
      jsDom.setAttribute(‘class‘,‘add‘);
      jsDom.removeAttribute(‘class‘);
    
      jqDom.attr(‘class‘);
      jqDom.attr(‘class‘,‘add‘);
      jqDom.attr({
         ‘data‘ : ‘add‘,
         ‘id‘ : ‘add‘,
         ...
      })
      jqDom.removeAttr(‘class‘)
      jqDom.addclass(‘del‘)
   添加删除元素
      remove()
   添加事件
      jsDom.onClick = function(){
         this
      }
      jqDom.click(function(){
         $(this)
      })



















































以上是关于js和jquery的区别的主要内容,如果未能解决你的问题,请参考以下文章

jquery.js 和 jquery.min.js 有啥区别?

jquery.js和jquery.min.js的区别介绍

js和jquery的区别是啥?

js与Jquery的区别是啥?

JQuery之JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个

jQuery (js 和 jQuery 的区别)