'''
BOM
    .innerHeight
    .innerWeight
    .open('url', 'target', 'attr')
    .close()

    navigator
        .appName
        .appVersion
        .userAgent
        .platform
    screen
        .availWidth
        .availHeight
    history
        .back()
        .forward()
    location
        .href
        .href =''
        .reload()

DOM
    查詢標籤
        直接查詢
            .getElementById()
            .getElementsByClassName()
            .getElementsByTagName()
        間接查詢
            .parentElement()
            .children()
            .firstElementChild()
            .lastElementChild()
            .nextElementSibling()
            .previousElementSibling()
    元素節點操作
        createElement()
        appendChild()
        insertBefore()
        innerText = ''
        removeChild()
        replaceChild(new,old)
    屬性節點操作
        innerHTML
        innerText

        .屬性名
        .value
        .files  [0]  FileList

        classList()
            add
            remove
            has
            toggle

        .style.屬性名



    var $變數名 = jQuery物件
    $(選擇器)[0] --> DOM物件
    $(DOM物件) --> jQuery物件

查詢標籤
    基本選擇器
    $('#id/.class/TagName/*')
    $('#id,.class,TagName')
    後代選擇器
    $('x y/x>y/x+y/x~y')
    屬性選擇器
    $('x[a=b/a!=b/a^=b/a$=b/a*=b/a~=b]')
    基本篩選器
    $(':first/last/eq(index)/even/odd/not(選擇器)/has(選擇器)')
    input篩選器
    $(':text/password/checkbox/radio/submit/reset/bottom/file')
    form篩選器
    $(':checked/selected/enabled/disabled')
    篩選器方法
    .next/nextAll/nextUntil(篩選器)
    .prev/prevAll/preUntil(篩選器)
    .parent/parents/parentsUntil(篩選器)
    .children/siblings()
    .find(篩選器)/filter(篩選器)
    .first/last
    .not(篩選器)
    .has(篩選器)

操作標籤
    樣式操作
    .addClass/removeClass/hasClass/toggleClass(class_name)
    位置檢視
    .offset/position/scrollLeft/scrollTop()
    尺寸檢視
    .height/width/innerHeight/innerWidth/outerHeight/outerWidth()
    文字操作
    .html/text/val()
    屬性操作
    .attr(attr/attr=value/{k,v...})
    .removeAttr(attr)
    .Prop(attr/attr=value/{k,v...})
    .removeProp(attr)
    標籤操作
    .append()
    .appendTo()
    .prepend()
    .prependTo()

    .after()
    .insertAfter()
    .before()
    .insertBefore()

    .remove()
    .empty()

    .replaceWith()
    .replaceAll()

    .clone(true)

事件
    常用事件
    .click/keyup/ready/change/hover/focus/blur
    事件繫結
    $().on('事件', '選擇器', function(){js})
    $().'事件'(function(){js})
    移除事件
    $().off('事件', '選擇器', function(){js})
    阻止標籤預設事件
        return false
        event.preventDefault()
    阻止事件冒泡
        return false
        event.stopPropagation()
    事件委託
        $('父級標籤').on('事件', 'div', function(){js})
        將事件繫結給父級標籤內的所有div標籤
    頁面載入(推薦使用)
        $(document).ready(function(){js})
        $(function(){js})
動畫效果
    .show()
    .hide()
    .toggle()

    .slideDown()
    .slideUp()
    .slideToggle()

    .fadeIn()
    .fadeOut()
    .fadeTo(milliseconds, 透明度)
    .fadeToggle()
外掛
    .each(a, function(index, obj){})
    .data(k,v)
    .data(k)
    .removeData(k)

    jQuery.extend({
        xxx:function(){}
    })
    jQuery.xxx()
    jQuery.fn.extend({
        xxx:function({
            return this.each(function(){
                this.js—DOM方法
            })
        })
    })
    $().serializeArray()
'''