‘‘‘
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()
‘‘‘

2021/6/10 js DOM BOM jQuery复习