zoukankan      html  css  js  c++  java
  • JQuery选择器详解

    第六章:Jquery选择器
     一:基本选择器(王洪涛)
      标签选择器:$("标签名");     返回一组元素集合(匹配相同的标签名)
      类选择器:$(".class类名");  返回一组元素集合(匹配相同的class属性值)
      id选择器:$("#id名");   返回单个元素(匹配id属性值)
      通用选择器:$("标签,class,id");  返回一组元素集合(选择的元素)
      全局选择器:$("*");          返回一组元素集合(网页所有元素)
      
      
     二.层次选择器(史志慧)
      后代选择器 ancestor descendant 选取ancestor元素里的所有descendant(后代)元素 $("#menu span" )选取#menu下的<span>元素
      子选择器 parent>child 选取parent元素下的child(子)元素 $(" #menu>span" )选取#menu的子元素<span>
      相邻元素选择器 prev+next 选取紧邻prev元素之后的next元素 $(" h2+dl " )选取紧邻<h2>元素之后的同辈元素<dl>
      同辈元素选择器 prev~sibings 选取prev元素之后的所有siblings元素 $(" h2~dl " )选取<h2>元素之后所有的同辈元素<dl>
     
     三.属性选择器(任自彬)
      [attribute] 选取包含给定属性的元素 $(" [href]" )选取含有href属性的元素
      [attribute=value] 选取等于给定属性是某个特定值的元素 $(" [href ='#']" )选取href属性值为“#”的元素
      [attribute !=value] 选取不等于给定属性是某个特定值的元素 $(" [href !='#']" )选取href属性值不为“#”的元素
      [attribute^=value] 选取给定属性是以某些特定值开始的元素 $(" [href^='en']" )选取href属性值以en开头的元素
      [attribute$=value] 选取给定属性是以某些特定值结尾的元素 $(" [href$='.jpg']" )选取href属性值以.jpg结尾的元素
      [attribute*=value] 选取给定属性是以包含某些值的元素 $(" [href* ='txt']" )选取href属性值中含有txt的元素
      
     四.过滤选择器(超超)
      /*获取第一个元素*/
      //$(".lis:first").css("color","green");
      /*获取最后一个元素*/
      //$(".lis:last").css("color","blue");
      /*忽略元素*/
      //$("a:not([href^=g])").css("background-color","pink");
      /*奇数偶数:下标0开始*/
      /* $("li:odd").css("background-color","pink"); */
      
      /*定位到具体哪一个*/
      $("li:eq(0)").css("color","red");
      /*定位到大于位置的元素*/
      $("li:gt(2)").css("background-color","pink");
      /*定位到小于位置的元素*/
      $("li:lt(2)").css("background-color","green");
      /*定位到标题元素*/
      $(":header").css("background-color","blue");  
      /*获取有焦点的元素*/
      //$("#wht").focus();
      //$("input:focus").val('磊 给你太美');
      
      /*获取动画元素*/
      //$("ul").fadeOut(3000).fadeIn(5000);
      //$("ul:animated").css("background-color","blue");
      
      /*可见性选择器*/
      /* :hidden可以定位到隐藏元素,包含隐藏域等,如果说定位到的时隐藏域,显示时则修改type属性值,如果时普通元素则可以修改css样式display */
      $("input:hidden").attr("type","visible");

  • 相关阅读:
    #include <NOIP2009 Junior> 细胞分裂 ——using namespace wxl;
    【NOIP合并果子】uva 10954 add all【贪心】——yhx
    NOIP2010普及组T4 三国游戏——S.B.S.
    NOIP2010普及组T3 接水问题 ——S.B.S.
    NOIP2011提高组 聪明的质监员 -SilverN
    NOIP2010提高组 关押罪犯 -SilverN
    uva 1471 defence lines——yhx
    json2的基本用法
    获取对象的属性个数
    替换指定规则的字符串
  • 原文地址:https://www.cnblogs.com/liu13-B/p/11028161.html
Copyright © 2011-2022 走看看