js和jquery

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