zoukankan      html  css  js  c++  java
  • Jquery过滤选择器,选择前几个元素,后几个元素,内容过滤选择器等

      • 一、基本过滤选择器(重点掌握下列八个)
        :first 选取第一个元素 $("div:first").css("color","red");
        :last 选取最后一个元素 $("div:last").css("color","red");
        :not 除去指定的选择器外的元素 $("div:not").css("color","red");
        :even 选取索引号是偶数的元素 $("div:even").css("color","red");
        :odd 选取索引号是奇数的元素 $('div:odd').css("color","red");
        :eq(index) 选取第index个元素 $('div:eq(5)').css("color","red");
        :gt(index) 选取索引号大于index的元素 $('div:gt(8)').css("color","red");
        :lt(index) 选取索引号小于index的元素$('div:lt(3)').css("color","red");

        二、属性过滤选择器(六个必须记住)
        (1):[attribute] 选取拥有此属性的元素 $('div:[attribute]').css('background-color','red');
        (2):[attribute=value] 选取属性值为value的元素 $('div:[attribute=text]')
        (3):[attribute!=value] 选取属性值不为value的元素 $('div:[attribute!=text]')
        (4):[attribute^=value] 选取属性值以value开始的元素 $('div:[attribute^=text]')
        (5):[attribute$=value] 选取属性值以value结尾的元素 $('div:[attribute$=text]')
        (6):[attribute*=value] 选取属性值包含value的元素 $('div:[attribute*=text]')

        三、内容过滤选择器(四个必须记住)
        :contains 选取包含文本的text的元素 $('div:contains(.mini)').css("color","red");
        :has(id选择器名称、Class选择器名称) 选取含有选择器所匹配的元素 $('div:has(.mini)').css("color","red");
        :empty 选取不包含子元素的元素 $('div:empty').css("color","red");
        :parent 选取包含子元素的元素 $('div:parent').css("color","red");

        四、子元素过滤选择器(记住八个)
        (1):nth-child(index) 选取每个父节点下第index个元素、偶数元素或奇数元素。
          $('div.one :nth-child(8)').css('background-color','#900');
        (2):first-child 选取每个父元素下的第一个子元素 $('div.one :first-child(8)').css('color','red');
        (3):last-child 选取每个父元素下的最后一个子元素 $('div.one :last-child(8)').css('color','red');
        (4):only-child 选取只有一个子元素的元素 $('div.one :only-child(8)').css('color','red');
        (5):enabled 选取所有可用的元素 $('#form1 input:enabled').val("vaotoo.com");
        (6):disabled 选取所有不可用的元素 $('#form1 input:disabled').val("vaotoo.com");
        (7):checked 选取所有被选中的元素(一般为(HTML中)RadioButton、CheckBox标记);
          $('input:checked').text("vaotoo.com");
        (8):selected 选取被选中的选项元素(select下拉列表标记中的option=select)
        $('select:selected').each(function(){
          str += $(this).text()+",";
        });

        五、可见性过滤选择器(两个)
        :hidden
        :visibal
  • 相关阅读:
    HDU 3572 Task Schedule(拆点+最大流dinic)
    POJ 1236 Network of Schools(Tarjan缩点)
    HDU 3605 Escape(状压+最大流)
    HDU 1166 敌兵布阵(分块)
    Leetcode 223 Rectangle Area
    Leetcode 219 Contains Duplicate II STL
    Leetcode 36 Valid Sudoku
    Leetcode 88 Merge Sorted Array STL
    Leetcode 160 Intersection of Two Linked Lists 单向链表
    Leetcode 111 Minimum Depth of Binary Tree 二叉树
  • 原文地址:https://www.cnblogs.com/alone2015/p/4962687.html
Copyright © 2011-2022 走看看