隐藏显示
1.hide()隐藏 2.show()显示 3.toggle()隐藏/显示
$(“button”).click(function(){
$(“p”).hide(3000,function(){
alert(“段落现在被隐藏了”);
});
淡入淡出
1.fadeln()淡入已隐藏的元素 2.fadeOut()淡出可见元
3.fadeToggle()淡入淡出来回切换
4.fadeTo()透明(值0-1之间)
它可以取以下值:“slow”、“fast” 或毫秒。.
滑动
1.slideDown()向下滑动 2.slideUp()向上滑动
3.sildeToggle()向上向下之间切换
$(“button”).click(function(){
$("#p1").css(“color”,“red”).slideUp(2000).slideDown(2000);
});
动画
animate()方法
var a = $(this). Animate;
a.anmiate({left height …})
stop()暂停动画 false,true)
捕获
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值
attr() 方法用于获取属性值。 attr(href,name …)
prop() 方法设置或返回被选元素的属性和值。 prop(“color”,“FF0000”);
添加元素
· append() - 在被选元素的结尾插入内容
· prepend() - 在被选元素的开头插入内容
· after() - 在被选元素之后插入内容
· before() - 在被选元素之前插入内容
删除元素
· remove() - 删除被选元素(及其子元素) 后面可跟被删除的元素
· empty() - 从被选元素中删除子元素
css类
· addClass() - 向被选元素添加一个或多个类 可以添加多个class类
· removeClass() - 从被选元素删除一个或多个类
· toggleClass() - 对被选元素进行添加/删除类的切换操作
· css() - 设置或返回样式属性 .css({}) {}可以跟多个属性
尺寸
width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。
height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。
innerWidth() 方法返回元素的宽度(包括内边距)。
innerHeight() 方法返回元素的高度(包括内边距)。
outerWidth() 方法返回元素的宽度(包括内边距和边框)。
outerHeight() 方法返回元素的高度(包括内边距和边框)。
遍历
children() 方法返回被选元素的所有直接子元素。
each()法为每个匹配元素规定要运行的函数。
$(selector).each(function(index,element))
向上级遍历
parent() 方法返回被选元素的直接父元素,该方法只会向上一级对 DOM 树进行遍历。
parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 ()。
parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。
(
"
s
p
a
n
"
)
.
p
a
r
e
n
t
s
U
n
t
i
l
(
"
d
i
v
"
)
.
c
s
s
(
属
性
)
向
下
级
遍
历
后
代
c
h
i
l
d
r
e
n
(
)
方
法
返
回
被
选
元
素
的
所
有
直
接
子
元
素
。
f
i
n
d
(
)
方
法
返
回
被
选
元
素
的
后
代
元
素
,
一
路
向
下
直
到
最
后
一
个
后
代
。
语
法
:
("span").parentsUntil("div").css({属性}) 向下级遍历后代 children() 方法返回被选元素的所有直接子元素。 find() 方法返回被选元素的后代元素,一路向下直到最后一个后代。 语法:
("span").parentsUntil("div").css(属性)向下级遍历后代children()方法返回被选元素的所有直接子元素。find()方法返回被选元素的后代元素,一路向下直到最后一个后代。语法:(“div”).find(“span”)
Contents() 方法返回所有直接子元素,包括被选元素的文本和注释节点。
同胞元素
siblings() 方法返回被选元素的所有同胞元素。
$(“h2”).siblings(“p”);后面跟的参数是h2同级所有的p元素
next() 方法返回被选元素的下一个同胞元素。
nextAll() 方法返回被选元素的所有跟随的同胞元素。
nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。
过滤遍历
first() 方法返回被选元素的首个元素。
$(“div p”).first() 第一个出现的div下的第一个p
last() 方法返回被选元素的最后一个元素。
(
"
d
i
v
p
"
)
.
l
a
s
t
(
)
最
后
出
现
的
d
i
v
写
的
最
后
一
个
p
e
q
(
)
方
法
返
回
被
选
元
素
中
带
有
指
定
索
引
号
的
元
素
。
(
)
里
可
以
直
接
跟
索
引
号
f
i
l
t
e
r
(
)
方
法
允
许
您
规
定
一
个
标
准
。
不
匹
配
这
个
标
准
的
元
素
会
被
从
集
合
中
删
除
,
匹
配
的
元
素
会
被
返
回
。
("div p").last() 最后出现的div写的最后一个p eq() 方法返回被选元素中带有指定索引号的元素。()里可以直接跟索引号 filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。
("divp").last()最后出现的div写的最后一个peq()方法返回被选元素中带有指定索引号的元素。()里可以直接跟索引号filter()方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。(“p”).filter(".url"); p中指定的class可以操作
not() 方法返回不匹配标准的所有元素。 与filter方法相反