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

    相信很多人都用过Jquery,我在开发中也常常用Jquey,几乎成了每天必不可少的一种框架,下面是我总结的集中Jquery的集中选择器

    基本选择器示例

    1)改变 id 为 one 的元素的背景色为 红色

    $("#one").css("backgroundColor","red");

    2)改变元素名为 <p> 的所有元素的背景色为 # bbffaa,字体颜色为红色

    $("p").css({color:"red",backgroundColor:"#bbffaa"});

    3)改变第一个<p>元素的背景色为红色

    $("p").eq(0).css("backgroundColor","red");

    4)改变所有<h1>元素和 id 为 one 的元素的背景色为

    # bbffaa $("h1,#one").css("backgroundColor","#bbffaa");

    层次选择器示例

    改变 <body> 内所有 <div> 的背景色为 # bbffaa(后代元素,可以理解为子元素的子元素都可以设置)

    $(“body div").css("backgroundColor","#bbffaa");

    改变 <body> 内子 <div>元素 的背景色为 # bbffaa(子代元素,可以理解为只有子元素可以设置 )

    $(“body>div").css("backgroundColor","#bbffaa");

    改变 id 为 one 的下一个 <div> 的背景色为 # bbffaa

    $("#one+div").css("backgroundColor","#bbffaa");

    改变 id 为 two 的元素后面的所有兄弟<div>的元素的背景色为 # bbffaa

    $("#two~div").css("backgroundColor","#bbffaa");

    改变 id 为 two 的元素所有 <p> 兄弟元素的背景色为 # bbffaa

    $("#two"). siblings("p").css("backgroundColor","#bbffaa");

  • 相关阅读:
    Android之帧动画2
    CSS之图片关闭
    JAVA之While语句、Do和For语句
    oracle 无效字符
    java 时间制
    mybatis jdbcType date没有时分秒
    log4j说明
    spy 日志说明
    linux更新系统时间
    linux常用命令2
  • 原文地址:https://www.cnblogs.com/zhangzhiqin/p/8017092.html
Copyright © 2011-2022 走看看