2021/6/10 jQuery随笔

'''
    $(选择器) --> jQuery(选择器)

    $(选择器)[0] DOM对象
    $(DOM对象) jQuery对象
    $('<标签名>')  代表创建一个标签

    window.onload = function(){js代码} --> 推荐以下方法
        $(document).ready(function(){js代码})
        $(function(){js代码})

    $('#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/gt(index)/lt(index)/not(选择器)/has(选择器)
    input --> :text/password/checkbox/radio/file/submit/reset/bottom
    form --> :enabled/disabled/checked/selected

    .next/nextAll/nextUntil()
    .prev/prevAll/prevUntil()
    .parent/parents/parentsUntil()
    .children/siblings/find/filter/first/last/eq/not/has()

    .addClass/removeClass/hasClass/toggleClass()

    .offset/position/scrollLeft/scrollTop()

    .height/width/innerHeight/innerWidth/outerHeight/outerWidth()

    .html/text/val()

    .attr(attr/attr,value/item)/removeAttr(attr)
    .prop(attr/attr,value/item)/removeProp(attr)

    .append()
    .appendTo()

    .prepend()
    .prependTo()

    .after()
    .insertAfter()

    .before()
    .insertBefore()

    .remove()
    .empty()

    .replaceWith()
    .replaceAll()

    .clone(true)

    .click/keyup/hover/change/focus/blur/ready()

    $().on('事件', '选择器', function(){js代码})
    $().click(function(){})

    $().off('事件'， '选择器', function(){js代码})

    $().on('事件', '选择器', function(){
        return false    阻止标签默认事件，和事件冒泡
        event.preventDefault()
        event.stopPropagation()
    })

    $('父级标签').on('click', 'div', function(){})
        父级标签内的所有后代 div标签都绑定click事件

    .show()
    .hide()
    .toggle()

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

    .fadeIn()
    .fadeOut()
    .fadeTo(ms, 淡化度)
    .fadeToggle()

    .animate()

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

    })
    jQuery.xxx()
    
    $().serializeArray()
'''