1.jQuery元素操作

2.jQuery尺寸与位置操作

1.jQuery元素操作

jQuery的元素操作主要包括：**遍历元素，添加元素，删除元素**

1.遍历元素

你应该会有疑问？
jQuery不是有隐式迭代吗，为啥还需要遍历元素。
隐式迭代——是对同一类元素做了同样的操作。
但是想要给同一类元素做不同操作，就需要用到遍历
语法1：

$("div").each(function(index,doEle){xxxx;})

1.each()方法遍历匹配的每一个元素，主要用DOM处理，each每一个
2.里面的回调函数有2个参数：index是每个元素的索引号；domEle是每个DOM元素对象，不是Jquery对象
3.所以要想使用jQuery方法，需要给这个dom元素转换为jquery对象 $(domEle)
语法2：

$.each(object,function(index,element){xxx;})

1.each()方法可用于遍历任何对象，主要是用于数据处理，比如数组，对象。
2.里面的函数有2个参数：index是每个元素的索引号；element 遍历内容

2.创建元素

语法：

$("<li></li>");

动态的创建一个<li>

3.添加元素

1.内部添加

element.append("内容")

把内容放入匹配元素内部最后面，类似原生 appendChild。

element.prepend("内容")

2.外部添加

element.after("内容")  //把内容放入目标元素后面

element.before("内容")  //把内容放入目标元素前面

4.删除元素

element.remove()  //删除匹配的元素（本身）

element.empty()  //  删除匹配的元素集合中所有的字节点

element.html("")  //清空匹配的元素内容

2.jQuery尺寸与位置操作

1.jQuery尺寸

2.jQuery位置

位置主要有三个：offset（）、position（）、scrollTop（）/scrollLeft()

1.offset() 设置或获取元素偏移

• offset（） 方法设置或返回被选元素相对于文档的偏移坐标，跟父级没有关系。

• 该方法有2个属性
  left，top，offset（）.top 用于获取距离文档顶部的距离，
  offset（）.left 用于获取距离文档左侧的距离。

• 可以设置元素的偏移：offset（{top：10，乐left：30}）；

2.position（） 获取元素偏移

• position（）方法用于返回被选元素相对于带有定位的父级偏移坐标，如果父级都没有定位，则以文档为准。
• position（） 只能获取不能设置

3.scrollTop（）/scrollLeft() 设置或获取元素被卷去头部和左侧

• scrollTop（）方法设置或获取元素被卷去的头部
• scrollLeft() 方法设置或获取元素被卷去的左侧