- 创建一个jquery对象
var $newD = $("<div></div>");
var $newD = $("<div>Hello World</div>");//也可以在div里写内容
内部插入
- append()
$(父元素).append(新内容); //把内容追加到父元素里最后一个子元素的位
var $newD = $("<div></div>");
$newD.html("Hello World");
$("body").append($newD); //把新创建的div追加到body的最后的位置
- appendTo()
$(新元素).appendTo($(父元素));// 作用和append()相同，只是写法不同
例如：
var $newD = $("<div></div>");
$newD.html("Hello World");
$newD.appendTo($("body")) //和append()效果相同
- prepend()
$(父元素).prepend("内容") //把内容插入到父元素里第一个子元素的位置 - prependTo()
$(内容).prepend($(父元素)) //效果和prepend()效果相同
外部插入
- after()
$对象.after(新元素) //在jquery对象后面添加新对象
- insertAfter()
$(新元素).insertAfter($对象) //作用同after()
- before()
$对象.before(新元素) //在jquery对象前面插入一个新内容
- insertBefore()
$(新元素).insertBefore($对象); //作用同before()
删除
- remove()
全删除（包括本身和子元素）
$("#box").remove(); //删除id为box的元素和其中的子元素
- detach()
全删除，和remove()相同 - empty()
清空对象里的元素，本身还在
$("#box").empty(); //清空id为box的元素
替换
- replaceWith()
jquery对象.replaceWith("内容") 用指定的 HTML 内容或元素替换被选元素（有几个替换几个）
$("div").replaceWith("<span>你好</span>"); //用<span>你好</span>替换所有的div
- replaceAll()
$(内容).replaceAll($对象) 用内容替换后面的jquery对象（有几个替换几个），内容不能是纯文本
克隆
- clone()
jquery对象.clone(参数)； 克隆前面的jquery对象
参数：可选，默认为false，克隆被选对象的全部内容
如果为true，则会连对象的行为（事件）一起克隆。
包裹
- wrap()
$对象.wrap(包裹格式) 每一个被选中的$对象外面都被包裹
$("span").wrap("<div></div>") //每一个span外面都有一个div包着
- wrapAll()
$对象.wrapAll(包裹格式) 把选择到的对象用一个父元素包裹起来（有共同的父元素）
$("span").wrapAll("<div></div>") //把所有的span元素放一起，用一个div包起来
- wrapInner()
$对象.wrapInner(包裹格式) 用包裹元素包着选中元素的子元素（内容），在选中元素的里面
$("span").wrapInner("<b></b>"); //把所有span中的内容用b标签包住，<b>相当于<span>的子元素
- unwrap()
$对象.unwrap()删除jquery对象的直接父元素
DOM属性操作
- attr()
$对象.attr("属性名")获取$对象的属性
也可以设置属性，用法和.css()相同。 - prop()
用法同attr()，也是获取和设置属性，
prop()只能获取和设置本来就属于这个对象的属性，不能获取或设置自定义的属性 - removeAttr()
$对象.removeAttr("属性名")移除对象的属性
css操作
hasClass()
$对象.hasClass("类名")检测是否含有某个类， 如果有返回true，没有返回false-
offset()
$对象.offset().top/$对象.offset().left获取距离文档的偏移量设置偏移量：
$对象.offset({"top":数值,"left":数值});设置后的元素会变成定位元素 scrollTop()/scrollLeft()
$对象.scrollTop()/$对象.scrollLeft()获取向上或向左卷去（滚动）的距离
$对象.scrollTop(数值)/$对象.scrollLeft(数值) 设置向上或向左卷去（滚动）的距离
- position()
$对象.position().top //获取对象相对于父元素的偏移量（top值）
$对象.position().left //获取对象相对于父元素的偏移量（left值）
position()只能获取不能设置，得到的值不收margin的影响
尺寸
- width()/height()
$对象.width() //获取元素的宽
$对象.height() //获取元素的高
width()不受margin border padding的影响
- innerWidth()/innerHeight()
用法同上
不受margin border 的影响，受padding的影响
- outerWidth()/outerHeight()
用法同上
不受margin的影响，受padding border的影响
- outerWidth(true)/outerHeight(true)
用法同上
受margin border padding的影响
