zoukankan      html  css  js  c++  java
  • jq 2.27案列 选择器

    // div p h123456 ul li * 类名 id class input 元素
    // $("h1").css("color","red",)
    // $("div > p").css("background","red") //<div>元素的直接子元素的所有 <p> 元素
    // $("div p").css("background","red")//<div> 元素的后代的所有 <p> 元素
    // $("div + p").css("background","red")//每个// <div> 元素相邻的下一个 <p> 元素
    // $("div ~ p").css("background","red") // <div> 元素同级的所有 <p> 元素
    // $("ul li:eq(3)").css("background","red") // 列表中的第四个元素(index 值从 0 开始)
    // $("ul li:gt(3)").css("background","red") //列举 index 大于 3 的元素
    // $("ul li:lt(3)").css("background","red") //列举 index 小于 3 的元素
    // $("input:not(:empty)").css("color","red") // 所有不为空的输入元素
    // $("*").css("background","red") // 所有元素
    // $("#asd").css("background","red") // id="asd" 的元素
    // $(".aaa").css("background","red") // id="asd" 的元素
    // $(".intro,.demo").css("background","red") // class 为 "intro" 或 "demo" 的所有元素
    // $(":input").css("background-color","red"); 所有 input 元素
    // p,div h123456元素
    // $("p").css("background","red") 所有 <p> 元素
    // $("h1,div,p").css("background","red") 所有 <h1>、<div> 和 <p> 元素
    // tr元素
    // $("tr:even").css("background","red") 所有偶数 <tr> 元素,索引值从 0 开始,第一个元素是偶数 (0),第二个元素是奇数 (1),以此类推。
    // $("tr:odd").css("background","red") 所有奇数 <tr> 元素,索引值从 0 开始,第一个元素是偶数 (0),第二个元素是奇数 (1),以此类推。
    // p元素
    // $("p:first").css("background","red") 第一个 <p> 元素
    // $("p:last").css("background","red") 最后一个 <p> 元素
    // $("p:first-child").css("background","red") 属于其父元素的第一个子元素的所有 <p> 元素
    // $("p:first-of-type").css("background","red") 属于其父元素的第一个 <p> 元素的所有 <p> 元素
    // $("p:last-child").css("background","red") 属于其父元素的最后一个子元素的所有 <p> 元素
    // $("p:last-of-type").css("background","red") 属于其父元素的最后一个 <p> 元素的所有 <p> 元素
    // $("p:nth-child(2)").css("background","red") 属于其父元素的第二个子元素的所有 <p> 元素
    // $("p:nth-last-child(2)").css("background","red") 属于其父元素的第二个子元素的所有 <p> 元素,从最后一个子元素开始计数
    // $("p:nth-of-type(2)").css("background","red") 属于其父元素的第二个 <p> 元素的所有 <p> 元素
    // $("p:nth-last-of-type(2)").css("background","red") 属于其父元素的第二个 <p> 元素的所有 <p> 元素,从最后一个子元素开始计数
    // $("p:only-child").css("background","red") 属于其父元素的唯一子元素的所有 <p> 元素
    // $("p:only-of-type").css("background","red") 属于其父元素的特定类型的唯一子元素的所有 <p> 元素

  • 相关阅读:
    hdu 3335 Divisibility
    最小点覆盖,最小路径覆盖
    hdu 4109 Instrction Arrangement
    sjtu 1077 加分二叉树
    hdu 1542 Atlantis
    多线程中互斥体
    在子页面中,javascript让模板页中添加的用户控件中的控件选中focus
    模板页中用javascript判断是否为空
    控件包含代码块(即 <% ... %>),因此无法修改控件集合 asp.net
    lambda从指定集合中去除指定数据 asp.net
  • 原文地址:https://www.cnblogs.com/yangjingyang/p/10443351.html
Copyright © 2011-2022 走看看