• jQuery中的选择器


    筛选选择器:

    语法 m描述 y语法
    :first 获取第一位 $('li:first') 
    :last 获取最后一位 $('li:last') 
    :eq(index) 获取指定位置的值 $('li:eq(2)') 
    :odd 获取奇数  $('li:odd)
    :even 获取偶数  $('li:even')

    基本选择器:

    名称 描述 语法
    ID选择器 获取指定ID的元素 $('#id')
    全选选择器 匹配所有元素 $('*')
    类选择器 获取同一类型class的元素 $('.class')
    标签选择器 获取同一类标签的所有元素 $('div')
    并集选择器 选取多个元素 $('div,p,li')
    交集选择器 交集元素 $('li.current')

    层级选择器:

    名称 描述 用法
    子代选择器 使用>号,获取亲儿子层级的元素,不会获取孙子层级的元素 $('ul>li')
    后代选择器 使用空格,获取ul下的所有li元素,包括孙子等 $('ul  li')

    筛选方法:

    语法 用法 说明
    parent( ) $('li').parent() 查找父类
    childern(selector) $('ul').children('li') x相当于$('ul>li'),最近一级(亲儿子)
    find(selector) $('ul').find('li') 相当于$('ul  li'),后代选择器
    siblings(selector) $('.first').siblings('li') 查找兄弟节点,不包括自己本身
    nextAll([expr]) $('.first').nextAll() 查找当前元素之后所有的同辈元素
    prevtAll([expr]) $('.last').prevAll() 查找当前元素之前所有的同辈元素
    hasClass(class) $('div').hasClass('protected') 检查当前元素是否含有某个特定的类,如有,返回true
    eq(index) $('li').eq(2) 相当于$('li:eq(2)'),index从0开始

          修改指定位置元素的信息:(效果一致,更推荐第二种方式。

          方式一:$('ul li:eq(2)').css('color','red') 

          方式二:$('ul li').eq(2).css('color','red')

  • 相关阅读:
    shell脚本修改Linux系统中所有IP样例
    关闭并卸载数据库脚本
    查询编译不通过的存储过程并重新编译
    SQL函数造数据样例(一)
    类型转换和多态
    Java学习笔记(三)
    Java学习笔记二()
    Java学习笔记(一)
    1.2.零宽断言
    1.3.匹配小括号的字符(可能有小括号在一行的,也有多行的)
  • 原文地址:https://www.cnblogs.com/qtbb/p/11303047.html
Copyright © 2020-2023  润新知