- 删除
* remove() 与 detach() 的区别
* remove() 移除元素和与之想关联的时间
* detach() 只移除元素
* 注:如果在删除时用变量接收了该操作 那么被删除的元素就会被存储于该变量中.
包裹元素
//A.wrap(B) 用B包裹每一个A
$("div").wrap("<p></p>");
//A.wrapAll(B) 用B包裹所有A
$("div").wrapAll("<p></p>");
//A.wrapInner(B) 用B包裹每一个A的内容
$("div").wrapInner("<p></p>");
遍历节点
$("div").each(function(i,e){
console.log(i,e);
//i:下标 e:元素
if(i==1){
// $(e).css("background","red");
$(this).css("background","red");
}
})
宽度
console.log($("#one").width());//width
console.log($("#one").innerWidth());//width + padding
console.log($("#one").outerWidth());//width + padding + border
console.log($("#one").outerWidth(true));//width + padding + border + margin
高度
console.log($("#one").height());//height
console.log($("#one").innerHeight());//height + padding
console.log($("#one").outerHeight());//height + padding + border
console.log($("#one").outerHeight(true));//height + padding + border + margin
元素到当前页面顶端和左端的距离
* offset() 方法得到的是一个对象 该对象存在两个属性
* left : 元素到页面左端的距离
* top : 元素到页面顶端的距离
获取
console.log($("#one").offset());
console.log($("#one").offset().left);
console.log($("#one").offset().top);
设置
$("#one").offset({
left:100,
top:100
});
/*
* 元素到离他最近已定位父级的距离
*
* position() 方法得到的是一个对象 该对象存在两个属性
* left : 元素到最近已定位父级左端的距离
* top : 元素到最近已定位父级顶端的距离
*
* 注意:该方法是以margin的边缘位置为起点
*/
//只能获取
console.log($("#one").position());
console.log($("#one").position().left);
console.log($("#one").position().top);
//滚动条的位置
console.log($(":root").scrollTop());//垂直滚动条的位置
console.log($(":root").scrollTop());//水平滚动条的位置