首页 > Web开发 > 详细

js和jquery的区别

时间:2019-01-01 12:20:01      阅读:147      评论:0      收藏:0      [点我收藏+]

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的区别

原文:https://www.cnblogs.com/tanchangsha/p/10204447.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!