JS与jQuery对比解析-优快云博客

本文详细对比了JavaScript原生API与jQuery库在DOM操作上的差异，包括元素查找、内容及样式操作、事件绑定等方面，强调了jQuery简化了复杂的DOM操作，使网页开发更加高效便捷。

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)
   　　 })