2.jQuery选择器

2.1 基本选择器

  • id选择器
$("#box").html()  // 用 #号
  • 类选择器
$(".box").html   //用 . 号
  • 标签选择器
$("div").html   //直接给标签名
  • 多元素选择器
$("#box,.box,div").html();  // 几种选择器组合
  • 后代选择器
$("#box p").html()  // 用空格隔开
  • 子元素选择器
$("#box > p").html() ; // 用> 隔开

2.2 其他选择器

  • 属性选择器
$("input[value=men]") ; //找 value=men的input元素
$("input[value*=men]") ; //找 value里面包含men的input元素
$("input[value^=men]") ; //找 value里面以men开头的input元素
$("input[value$=men]") ; //找 value里面以men结尾的input元素
  • 简单过滤
:first
用法: $(”tr:first”) ; 匹配找到的第一个元素
:last 
匹配找到的最后一个元素
:not(selector) 
去除所有与给定选择器匹配的元素
:even
匹配所有索引值为偶数的元素,从 0 开始计数
:odd
匹配所有索引值为奇数的元素,从 0 开始计数
:eq(index) 
匹配一个给定索引值的元素,从 0 开始计数
:gt(index) 
匹配所有大于给定索引值的元素,从 0 开始计数
:lt(index) 
匹配所有小于给定索引值的元素,从 0 开始计数