js 和 jquery主要的区别 在 dom
 想用jquery  必须先引入（顺序问题）
  先css 再js：   先框架css再自己css 先jquery 再框架 再自己
 
 找元素：
  js：
   document.getElement[s]By...   id  tagname  name  classname
  jquery：
   $(选择器)       $(选择器).eq(下标) 
 操作内容：
  jsDom.innerHtml = 赋值
  jsDmo.value
  jqDom.html()    jqDom.html('赋值')
  jqDom.val()     jqDom.val('赋值')
 操作样式
  jsDom.style.color = 赋值   //只能操作行内样式
  jqDmo.css('color');  jqDmo.css('color','red');
  jqDmo.css({
   'color' : 'red',
   'width' : '100px'
   ...
  });
 操作属性
  jsDom.getAttribute('class');
  jsDom.setAttribute('class','add');
  jsDom.removeAttribute('class');
  
  jqDom.prop('class');
  jqDom.attr('class');
  jqDom.attr('class','add');
  jqDom.prop('class','add');
  jqDom.attr({
   'data' : 'add',
   'id' : 'add',
   ...
  });
  jQDom.removeAttr('class')
  jqDom.addclass('del')

 js找到的是js对象  jquery找到的是jquery对象
  相互转  js->jquery   $(jsDom)

      jquery->js   $('div')[0]    $('div').get(0)
  两个对象  jsDom      jqDom  
 
 操作事件 
  jsDom.onClick = function(){
   this
  }
  jqDom.click(function(){
   $(this)
  });

隐藏和显示

隐藏：元素节点.hide();                      显示：元素节点.show();                         一个按钮实现隐藏和显示：元素节点.toggle（）;                  括号内可以用"slow","fast"或毫秒值来控制隐藏或显示速度

淡入淡出

淡入：元素节点.fadeIn();                    淡出：元素节点.fadeOut();                           一个按钮实现淡入和淡出：元素节点.fade toggle();                  括号内可以用"slow","fast"或毫秒值来控制隐藏或显示速度

滑动

下滑：元素节点.slideDown();                   上滑：元素节点.slideUp();                         一个按钮实现下滑和上滑：元素节点.slideToggle();                  括号内可以用"slow","fast"或毫秒值来控制隐藏或显示速度