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)

   　　 })