WEEK17:jquery开发基础

  • 选择器
    • 转换
      • jquery对象[0] --> DOM对象(jquery对象转换成DOM对象,只需要在jquery对象后面加[0])
      • Dom对象 --> $(DOM对象)(DOM对象转换成jquery对象,只需要使用$()将Dom对象包裹起来即可)
    • 基本
      • id
        $('#id')
      • class
        $('.c1')
      • 标签
        $('a')
      • 所有
        $('*')
      • 组合选择器(逗号==或)
        $('a,.c2,#i10')  //所有a标签、class=c2、id=i10的内容
    • 层级选择器(空格==且)
      • $('#i10 a')  //id=i10下面的所有a标签
      • parent > child    $('#i10 > a') //只寻找i10下一级的a标签 
      • prev + next
      • prev ~ siblings
    • 基本筛选器
      • :first  获取第一个元素
      • :last  获取最后个元素
      • :not(selector)  去除所有与给定选择器匹配的元素
      • :even  匹配所有索引值为偶数的元素,从 0 开始计数
      • :odd  匹配所有索引值为奇数的元素,从 0 开始计数
      • :eq(index)  匹配一个给定索引值的元素,从 0 开始计数
      • :gt(index)  匹配所有大于给定索引值的元素
      • :lt(index)  匹配所有小于给定索引值的元素
      • :lang(language)  选择指定语言的所有元素
      • :header  匹配如 h1, h2, h3之类的标题元素
      • :animated  匹配所有正在执行动画效果的元素
      • :focus  匹配当前获取焦点的元素
      • :root  选择该文档的根元素
      • :target  选择由文档URI的格式化识别码表示的目标元素
    • 内容
      • :parent  匹配含有子元素或者文本的元素
      • :has(selector)  匹配含有选择器所匹配的元素的元素
      • :empty  匹配所有不包含子元素或者文本的空元素
      • :contains(text)  匹配包含给定文本的元素
    • 可见性
      • :visible  匹配所有的可见元素
      • :hidden  匹配所有不可见元素,或者type为hidden的元素
    • 属性
      • [attribute]  匹配包含给定属性的元素
      • [attribute=value]  匹配给定的属性是某个特定值的元素
      • [attribute!=value]  匹配所有不含有指定的属性,或者属性不等于特定值的元素
      • [attribute^=value]  匹配给定的属性是以某些值开始的元素
      • [attribute$=value]  匹配给定的属性是以某些值结尾的元素
      • [attribute*=value]  匹配给定的属性是以包含某些值的元素
      • [attrSel1][attrSel2][attrSelN]  复合属性选择器,需要同时满足多个条件时使用
    • 表单对象属性
      • :enabled  匹配所有可用元素
      • :disabled  匹配所有不可用元素
      • :checked  匹配所有选中的被选中元素(复选框、单选框等,select中的option)
      • :selected  匹配所有选中的option元素

猜你喜欢

转载自www.cnblogs.com/JYLCSS/p/11789808.html