jQuery常用内容（2）

节点关系

.parent()        父
.parents(）    父辈
.siblings()      兄弟
.prev（）  上-个兄弟
.next() 下--个兄弟
.children () 子节点
.find() 查找子孙节点

//例
    <div class="div">
    <p>示例</p>
    </div>
//
console.log($("p").parent());
console.log($("p").parents(".div"));

dom操作 

append （)内部插入:后面
prepend ()内部插入:前面

$(".div").append("aaa")
$(".div").prepend("ccc")

before()
相邻插入（前面）
after （）
相邻插入（后面）

remove()删除  //直接移除元素
empty()清空   //清空元素内容

clone()复制
clone(true)复制节点和事件

wrap()包装     //在元素外部包一层元素
wrapAll()所有选中节点
unwrap 解包装

css属性

position
相对与定位的父元素

offset
相对于页面距离

width()
height()
元素的高与宽

innerWidth
innerHeight

内容+padding高与宽

outerWidth()
outerHeight()
内容+paddding+ border的宽与高

outerWidth(true)
outerHeight(true)
内容+paddding+border+的宽与高