jQuery总结

Posted 2020-09-17

jquery:
    js类库:对原生js常见的方法和对象进行封装,方便使用
html和jquery整合:
        通过script标签src属性
获取jquery对象:
    $("选择器") jQuery("选择器")
dom对象和jquery对象转换
    dom>>>jquery   $(dom对象)
    jquery>>>dom
        方式1:
            jquery对象[index]
        方式2:
            jquery对象.get(index)
页面载入:
    $(document).ready(function(){....})
    $(function(){ ...})
事件和js中的事件一样:把on去掉即可
    $("选择器").xxx(function(){...})
选择器:
    $("#id") $(".class") $("元素") $("[属性]") $("[属性=‘值‘]")
    a b: 后代  a>b:孩子   a+b:大弟弟  a~b:所有弟弟
    :first :last :odd :even  :eq(index)..
    :has(‘选择器‘)
    :hidden  :visible
    :input
    :checked :selected
属性和css操作:
    attr|prop
        prop("属性"):获取
        prop("属性","值"):设置一个
        prop({
            "":"",
            "":""
        }):设置多个
        
    removeAttr|removeProp(属性)
    
    addClass("class名称")
    removeClass("class名称")
    
    css: 针对style属性
        css("属性"):
        css("属性","值"):
        css({
            "":"",
            "":""
        }):设置多个
    
    height() width()
        
对value属性 标签体的操作
    xxx():获取
    xxx("笑嘻嘻的说法"):设置
        
        val():
        html():
        text():

对文档操作:
    内部插入
        append
        prepend
         
    外部插入
        after
        before
        
    删除
        empty()清空
        remove()删除
//////////////////////
效果:
    hide() show() toggle()
滑入滑出
    slideDown() slideUp()
淡入淡出
    fadeIn() fadeOut()
////////////////////////
遍历
    方式1:
        jquery对象.each(function(){});
    方式2:
        $.each(jquery对象,function(){});