Jquery文档操作方法

技巧4年前 隔壁老李于 2020-03-26 07:58:40 最后编辑

记录一下,免得以后用到还要百度。

CSS操作:

.css()

.css("color") 获取colorcss值

.css("color","#ff0000") 设置值

.css({"color":"#cccccc","border":"1pxsolid#ff0000"}) 设置多个值

.css(["color","border"]) 获取多个值

.offset 获取相对位置,比较的对象是html(窗口)

.position 获取相对已经定位的父标签的位置,比较的是最近的那个做过定位的祖先标签

.scrollTop([val]) 获取匹配元素相对滚动条顶部的偏移,返回顶部经常用。

.scrollLeft([val]) 获取匹配元素相对滚动条左侧的偏移。


尺寸:

height([val|fn]) 元素的高度

width([val|fn]) 元素的宽度

innerHeight() 带padding的高度

innerWidth() 带padding的宽度

outerHeight([soptions]) 在innerHeight的基础上再加border的高度

outerWidth([options]) 在innerHeight的基础上再加border的高度


文档操作:

内部插入

A.append(B)把B添加到A的后面

A.appendTo(B)把A添加到B的后面

A.prepend(B)把B添加到A的前面

A.prependTo(B)把A添加到B的前面

外部插入

A.after(B)把B添加到A的后面

A.insertAfter(B)把A添加到B的后面

A.before(B)把B添加到A的前面

A.insertBefore(B)把A添加到B的前面

包含

wrap(html|ele|fn)

A.wrap(B)-->B包A

unwrap()不包 不要加参数

wrapAll(html|ele)都包(作为整体包),只包你选中的那个

wrapInner(html|ele|fn)里面包

替换

replaceWith(content|fn)

A.replaceWith(B)-->B替换A

replaceAll(selector)

A.replaceAll(B)-->A替换B

删除

empty() 清空内部清空

remove([expr]) 删除整体都删除

detach([expr]) 剪切多保存在变量中,方便再次使用

克隆/复制

clone([Even[,deepEven]])

本文由 @隔壁老李 于 2020-03-26 发布在 野路子博客,如无特别说明,本博文章均为原创,转载请保留出处。
评论 (0)
访客
Top