jQuery的基本使用及DOM之间的转换

jQuery    
    引入的方式两种
        1.本地引入
        2.CDN远程引入(百度CDN远程jQuery库)
    使用jQuery
        1.使用jQuery函数: $/jQuery
             jQuery向外暴露的就是jQuery函数, 可以直接使用
             当成一般函数使用: $(param)
                param是function: 相当于window.onload = function(文档加载完成的监听)
                param是选择器字符串: 查找所有匹配的DOM元素, 返回包含所有DOM元素的jQuery对象
                param是DOM元素: 将DOM元素对象包装为jQuery对象返回  $(this)
                param是标签字符串: 创建标签DOM元素对象并包装为jQuery对象返回
            当成对象使用: $.xxx
                each(obj/arr, function(key, value){})
                trim(str)
        2.使用jQuery对象: $xxx(执行$()得到的)
            包含所有匹配的n个DOM元素的伪数组对象
            执行$()返回的就是jQuery对象
            基本行为:
                length/size(): 得到dom元素的个数
                [index]: 得到指定下标对应的dom元素
                each(function(index, domEle){}): 遍历所有dom元素
                index(): 得到当前dom元素在所有兄弟中的下标
    jQuery 与 DOM 的转换
        jQuery对象不能使用DOM对象的属性和方法(如innerHTML)，反之DOM对象也不能使用jQuery对象的属性和方法($.each())
        jQuery对象是一个DOM数组对象(伪数组),所以可以使用下标的方式转换DOM对象
            DOM--->jQuery对象
            var $btn = $("button");
            var btn = $btn[0];  or var btn = $btn.get(0);
        jQuery对象是使用$()包装DOM对象后产生的对象
            jQuery对象--->DOM
            var btn = document.getElementById('btn');
            var $btn = $(btn);