Jquery文档操作方法CSS学习
Jquery文档操作方法
记录一下,免得以后用到还要百度。
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]])
手机端logo:/uploads/allimg/20190604/f6d6bb5265ae3bca241d886df3ff6203.png