zoukankan      html  css  js  c++  java
  • jQuery选择器

      本文主要根据《锋利的jQuery》总结,介绍的jQuery选择器主要包含4大类:1)基本选择器,2)层次选择器,3)过滤选择器,4)表单选择器

    1. 基本选择器 

    2. 层次选择器

     选择器  替代方法  描述  返回  示例  
     $("ancestor descendant")    选取ancestor节点里的descendant(后代)节点  集合节点  $("div span") 选取<div>里的所有<span>后代节点
     $("parent > child")    选取parent节点下的child(子)节点  集合节点  $("div > span") 选取<div>里的所有<span>子节点
     $("prev + next")   $("prev").next("next")   选取紧接在prev节点后的next节点  集合节点   $(".one + div") 选取class为one的下一个<div>兄弟节点
    $("prev ~ siblings")   $("prev").nextll("siblings")   选取prev元节点之后的所有siblings节点  集合节点   $("#two ~ div") 选取id为two的节点后面的所有<div>兄弟节点

      2.1 获取兄弟节点的方法

    3. 过滤选择器

       3.1 基本过滤选择器

      3.2 内容过滤选择器

      3.3 可见性过滤选择器

      3.4 属性过滤选择器

      3.5 子节点过滤选择器

    选择器  描述  返回  示例  备注

    :nth-child(even/odd/

    index/equation)

    选取每个父节点下的奇偶节点/第index个/第equation个子节点 集合节点 $("div.one :nth-child(2n)") 选取每个class为one的<div>父节点下的索引值是2的倍数的子节点

    1. :eq(index)只匹配一个节点,

    :nth-child将为每一个父节点匹配子节点
    2. :eq(index)下标从0开始,:nth-child下标从1开始

    :first-child  选取每个父节点下的第1个子节点 集合节点 $("ul li:first-child") 选取每个<ul>中的第一个<li>节点  :first与:first-child 如上第1条
    :last-child  选取每个父节点下的最后一个子节点 集合节点 $("ul li:last-child") 选取每个<ul>中的最后一个<li>节点  :last与:last-child如上
    :only-child 如果某个节点是其父节点的唯一子节点,
    该节点将被匹配
    集合节点 $("ul li:only-child") 在<ul>中的选是唯一子节点的<li>节点   

      3.6 表单对象属性过滤选择器

     4. 表单选择器

       更多内容,请访问http://www.cnblogs.com/BlueStarWei                     

        

  • 相关阅读:
    centos7如何将docker容器配置成开机自启动
    Linux磁盘和文件系统扩容彻底研究
    Linux 系统中用Systemd 管理系统服务
    让程序员从运维工作中解放出来
    为什么linux系统中init被systemd替换了
    网页是如何实现从剪贴板从读取图片并上传到server的
    局域网中win10作为服务器,其他机器无法连接怎么办
    docker attach 和 exec 用法区别
    怎么理解linux作业(job),与进程(process)的关系
    HashMap和ConcurrentHashMap 源码关键点解析
  • 原文地址:https://www.cnblogs.com/BlueStarWei/p/7435201.html
Copyright © 2011-2022 走看看