Jquery(一)

Jquery
    定义
        Query 是一个高效、精简并且功能丰富的 JavaScript 工具库。
        jQuery强调的理念是写得少,做得多。
    文档加载
        $(document).ready(function(){
        
    })
        $(function(){
        
    })
    选择器
        基本选择器
            id
            标签
            class
            组合
        层级选择器
            后代 ancestor descendant
            父子 parent > child
            下个兄弟 prev + next
            所有的兄弟 prev ~ siblings
        属性
            [attribute] 匹配包含给定属性的元素
            [attribute=value]  匹配给定的属性是某个特定值的元素
            [attribute!=value]  匹配所有不含有指定的属性,或者属性不等于特定值的元素。
            [attribute^=value] 匹配给定的属性是以某些值开始的元素
            [attribute$=value] 匹配给定的属性是以某些值结尾的元素
            [attribute*=value] 匹配给定的属性是以包含某些值的元素
            [attrSel1][attrSel2][attrSelN] 复合属性选择器,需要同时满足多个条件时使用
        伪类基本
            获取第一个元素 :first
            最后一个元素 :last
            去除所有与给定选择器匹配的元素 :not()
            匹配所有索引值为偶数的元素,从 0 开始计数 :even
            匹配所有索引值为奇数的元素,从 0 开始计数 :odd
            匹配一个给定索引值的元素 eq(index)
            匹配所有大于给定索引值的元素 gt(index)
            匹配所有小于给定索引值的元素 lt(index)
        子元素
            :nth-child(N) 匹配其父元素下的第N个子或奇偶元素
            :first-child 匹配第一个子元素
            :last-child 匹配最后一个子元素
            :only-child 匹配父元素里面只有一个子元素
        文本选择器
            匹配包含给定文本的元素 contains(text)
            匹配所有不包含子元素或者文本的空元素 empty
            匹配含有选择器所匹配的元素的元素 has(selector)
            匹配含有子元素或者文本的元素 parent
        表单
            :checked 匹配所有选中的被选中元素
            :selected 匹配所有选中的option元素
    属性
        属性
            设置或返回被选元素的属性值。 attr(name|properties|key,value|fn)
            从每一个匹配的元素中删除一个属性 removeAttr(name)
        css类
            addClass(class|fn) 为每个匹配的元素添加指定的类名
            removeClass([class|fn]) 从所有匹配的元素中删除全部或者指定的类。
            toggleClass(class|fn[,sw]) 如果存在(不存在)就删除(添加)一个类
        HTML代码/文本/值
            html([val|fn])  取得第一个匹配元素的html内容。
            text([val|fn]) 取得所有匹配元素的内容
            val([val|fn|arr]) 获得匹配元素的当前值。
    CSS
        css(name|pro|[,val|fn])
            访问匹配元素的样式属性
        offset([coordinates])
            获取匹配元素在当前视口的相对偏移。
        position()
            获取匹配元素相对父元素的偏移。
        scrollTop([val])
            获取匹配元素相对滚动条顶部的偏移
        scrollLeft([val])
            获取匹配元素相对滚动条左侧的偏移
        pageX获取鼠标的坐标点

猜你喜欢

转载自blog.csdn.net/z_c_z_/article/details/81389750