zoukankan      html  css  js  c++  java
  • jQuery基础及选择器(2)

    1.

    使用CSS选择器选择元素

    基本选择器

    $("h1").css("color", "blue"); //标签选择器

    $(".price").css({"background":"#efefef","padding":"5px"}); //类选择器

    $("#author").css("clor", " #083499"); //id选择器

    $(".intro,dt,dd").css("color", " #ff0000");//并集选择器

    $("*").css("font-weight", "bold"); //全局选择器

    层次选择器

    $(".textRight p").css("color","red"); //后代选择器

    $(".textRight>p").css("color", "red"); //子选择器

    $("h1+p").css("text-decoration", "underline"); //相邻元素选择器

    $("h1~p").css("text-decoration", "underline"); //同辈元素选择器

    属性选择器

    $("#news a[class]").css("background","#c9cbcb");//a标签带有class属性

    $("#news a[class='hot']").css("background", "#c9cbcb"); // class为hot

    $("#news a[class!='hot']").css("background", "#c9cbcb");// class不为hot

    $("#news a[href^='www']").css("background","#c9cbcb");//以www开头

    $("#news a[href$='html']").css("background", "#c9cbcb");//以html结尾

    $("#news a[href*='k2']").css("background","#c9cbcb"); //包含"k2"的元素

    2.

    使用过滤选择器选择元素

    基本过滤选择器

    :eq(index)     选取索引等于index的元素(index从0开始)

    :gt(index)        选取索引大于index的元素(index从0开始)

    :lt(index)     选取索引小于index的元素(index从0开始)

    :header   选取所有标题元素

    :focus      选取当前获取焦点的元素

    :animated    选取当前获取焦点的元素

    可见性过滤选择器

    :visible      选取所有可见的元素

    :hidden    选取所有隐藏的元素

  • 相关阅读:
    DShow实现一个avi视频的播放(含有个人解释和注释)
    指针和引用的区别
    从头看算法导论 习题2.3-7 深入分析
    程序员福利各大平台免费接口,非常适用
    NYOJ 58 最少步数
    NYOJ 42 一笔画问题
    NYOJ 1058 部分和问题
    NYOJ 21 三个水杯
    winform里面网页显示指定内容
    C#中List<T>对象的深度拷贝问题
  • 原文地址:https://www.cnblogs.com/pan520/p/13186914.html
Copyright © 2011-2022 走看看