zoukankan      html  css  js  c++  java
  • 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')

  • 相关阅读:
    Docker实践之03-Dockerfile指令详解
    Docker实践之02-使用镜像及定制
    通过Hack方式实现SDC中Stage配置联动刷新
    多级部门查询性能问题解决方案
    Docker实践之01-入门介绍
    从阿里腾讯2朵云产品中学到的用户体验
    HttpClient在多线程环境下踩坑总结
    一次对JDK进行"减肥"的记录
    北京西站如何进站接人
    多实例集群部署下的图片上传和访问
  • 原文地址:https://www.cnblogs.com/qtbb/p/11303047.html
Copyright © 2011-2022 走看看