JQuery

一、查找标签

1、基础选择器

标签选择器

$("h2")

id选择器

$("#i1")

类选择器

$(".c1")

选择所有元素

$("*")

组合选择器

$("#i1, h2, .c1")

配合选择器

$("h2.c1")

2、层级选择器

后代选择器

$("form input")

儿子选择器

$("label>input")

毗邻选择器

$("label+input")

弟弟选择器

$("#p2~li")

3、属性选择器

$("form input[type='email']")

4、基本筛选器

:first // 第一个
:last    // 最后一个
:eq(index)    // 第index个元素
:gt(index)    // 大于指定索引元素
:lt(index)    // 小于指定索引元素
:odd    // 索引为奇数的元素
:even    // 索引为偶数的元素
:not(元素选择器)    // 不含有该元素选择器
:has(元素选择器)    // 含有该元素选择器,    这里指的是该元素选择器的父标签

5、表单筛选器

:text
:password
:radio
:checkbox
:file

:submit
:button
:reset

表单对象属性

:disabled
:checked
:selected

二、筛选器方法

下一个元素

$("#i1").next()
$("#i1").nextAll()
$("#i1").nextUntil(#i2")

上一个元素

$("li").prev()
$('li').prevAll()
$('li').prevUntil("#p3")

父亲元素

$("#id").parent()
$("#id").parents()  
$("#id").parentsUntil() 

儿子元素

$("#id").children()

兄弟姊妹元素

$("#id").siblings()

查找

$("div").find(".c1")

其它

.first() 
.last() 
.not() 
.has() 
.eq() 

三、样式标签

1、样式操作

addClass()
removeClass()
hasClass()
toggleClass()

 

上一篇:图形模式下的汉字显示


下一篇:css选择器