分类解析jQuery选择器

2020-05-27 17:55:25易采站长站整理

  [attribute$=value]      匹配属性值是以value结束的元素

  [attribute*=value]      匹配属性值包含某些值的元素,部分前后,中间有也算

  [selector][selector]     匹配属性选择器的交集

子元素过滤选择器:

  :nth-child(eq|even|odd|index)  获取所有父元素特定位置的子元素

  :first            获取所有父元素下的第一个子元素

  :last            获取所有父元素下最后一个子元素

  :only-child         获取所有父元素下唯一的一个元素

表单对象属性过滤选择器:

  :enabled            获取表单中所有可用的元素

  :disabled          获取表单中所有不可用的元素

  :checked         获取表单张所有被选中的元素

  :selected           获取表单中所有被选中的option的元素

表单选择器:

  :input           获取所有的表单元素<input开头的,还有textarea select

  :text             获取所有的单行文本框  <input type=”text” />

  :password        获取所有的密码框元素      <input type=”password” />

  :radio           获取所有的单选按钮   <input type=”radio” />

  :checkbox         获取所有的复选框    <input type=”checkbox”>

  :submit          获取所有的提交按钮   <input type=”submit” />

  :image          获取所有的图像按钮   <input type=”image” />

  :reset          获取所有的重置按钮    <input type=”reset” />

  :button            获取所有的按钮     <input type=”button”>

  :file            获取所有的文件上传框  <input type=”file” />

1、基本选择器

  (1)、#id  根据Id匹配一个元素


   $("#div1").css("background-color","red");  //匹配id为"div1"的元素
   <div id="div1">我是一个DIV</div> //会选中该div元素

  (2)、element  根据给定的元素名匹配元素


    $("p").css("background-color","red");    //匹配页面所有的p元素
    <p>我是一个P</p>