常用的jQuery方法

隐藏显示

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()divpeq()filter()(“p”).filter(".url"); p中指定的class可以操作
not() 方法返回不匹配标准的所有元素。 与filter方法相反

  • 2
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值