jquery选择器

虽然是以后台工程师的名义招进公司的,但是做的很多东西都是需要用到jsp,用到jsp自然会用到jQuery,而选择器是jQuery的基础,每次遇到几乎都要Google一下,很麻烦,所以在这里整理几个比较常用的.

• 基本选择器

1. id选择器 : $(“#id名”) –>选择id为id名的某个元素,如果有多个id一样的,则只会操作第一个
2. 类选择器: $(“.class名”) –> 选择class=class名的所有元素
3. 元素选择器 $(“tr”) –> 选择所有tr元素
4. 所有选择器 $(“*”) –> 表示所有元素

• 层叠选择器

1. $(“#id名 tr”) : 表示id为id名的元素下面的所有tr标签(包括子标签和子标签的子标签(无数次方))
2. $(“#id名 > tr”) : 表示id为ID名的元素下面的所有tr子标签

• 过滤选择器(过滤选择器一般是用冒号隔开)

1. 基本过滤器:
   A.$(“tr:first”) : 第一个tr标签
   B.$(“tr:last”) : 最后一个tr标签
   C.$(“tr:eq(3)”) : 第三个tr标签

2. 内容过滤器:
   A.$(“tr:contains(‘hello’)”) :包含了hello文本的tr标签
   B.$(“tr:empty”) : 文本为空的tr标签
   C.$(“tr:has(p)”) : 包含了p标签的tr标签

3. 属性过滤器:(一般用[]隔起来)
   A.$(“div[id]”) : 含有id属性的div标签
   B.$(“div[name=’hello’]”) : 属性为name,值为hello的div标签

• 表单选择器(这里的:号+type才构成一个表单选择器,:号不是前面的过滤作用)

1. $(“:input”) : 表示所有可输入标签,包括input,textare等
2. $(“:text”) : 表示type为text的input标签
3. $(“:password”) : 表示type为password的input标签
4. 表单元素过滤器 :
   A.$(“:enable”) : 表示所有可操作的元素
   B.$(“:disable”) : 表示所有不可操作的元素
   C.$(“:checked”) : 表示所有被选择的元素