jQuery2

1.设置元素内容

（1）获取设置元素内容 html()   

         $("div").html("123");
（2） 获取设置元素文本内容 text()

         $("div").text("123");
（3）获取设置表单值 val()
          $("input").val("123");

2.遍历元素

jQuery隐式迭代是对同一类元素做了同样的操作。如果想要给同一类元素做不同操作，就需要用到遍历。

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

3. 创建元素
var li = $("<li>我是后来创建的li</li>")；

4. 添加元素

(1).内部添加
element.append(“内容”)
把内容放入匹配元素内部最后面，类似原生appendChild。

(2)外部添加

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

5. 删除元素

element.remove() //删除匹配的元素(本身)
element.empty()//删除匹配的元素集合中所有的子节点
element.html("") // 清空匹配的元素内容

6.jQuery尺寸

      语法                                                           用法
width() / height()                                 取得匹配元素宽度和高度值只算width /height
innerWidth() /innerHieght()                取得匹配元素宽度和高度值 包含 padding
outerWidth() / outerHeight()               取得匹配元素宽度和高度值包含padding、border
outerWidth(true) / outerHeight(true)  取得匹配元素宽度和高度值 包含 padding、borde、margin

7.jQuery 位置

位置主要有三个：offset（）、position（）、scrollTop（）/scrollLeft（）
（1）offset（）设置或获取元素偏移
① offset0方法设置或返回被选元素相对于文档的偏移坐标，跟父级没有关系。
② 该方法有2个属性left、top。offset).top 用于获取距离文档顶部的距离，offset().left用于获取距离文档左侧的距离。
 ③可以设置元素的偏移：offset((top:10, left:30 1);

8.事件处理

on()绑定事件

可以绑定多个事件，多个处理事件处理程序。
$("div").on ({
mouseover:function(){},
mouseout:function(){},
click: function(){}
)；
$("div").on("mouseover mouseout",function()(
        $(this).toggleClass("current");
)；

可以事件委派操作。事件委派的定义就是，把原来加给子元素身上的事件绑定在父元素身上，就是把事件委派给父元素。
$("ul").on("click","li",function() {
alert("hello world!");
})；

9.解绑事件

解绑事件off()

off()方法可以移除通过on()方法添加的事件处理程序。
$("p").off()        // 解绑p元素所有事件处理程序
$("p").off("click")        //解绑p元素上面的点击事件 后面的 foo 是侦听函数名
$("ul").off("click","li") ;         //解绑事件委托

10.自动触发事件

有些事件希望自动触发，比如轮播图自动播放功能跟点击右侧按钮一致。可以利用定时器自动触发右侧按钮点击事件，不必鼠标点击触发。
element.click()          第一种简写形式
element.trigger("type")          第二种自动触发模式

11.jQuery事件对象

事件被触发，就会有事件对象的产生。
element.on (events, [selector],function(event){})
阻止默认行为：event.preventDefault()或者 return false
阻止冒泡：event.stopPropagation（）

12.jQuery对象拷贝

如果想要把某个对象拷贝(合并)给另外一个对象使用，此时可以使用S.extend()方法
语法：

语法：
$.extend([deep], target, object1, [objectN])

1.deep:如果设为true为深拷贝，默认为false 浅拷贝
2.target:要拷贝的目标对象
3.object1:待拷贝到第一个对象的对象。
4.objectN:待拷贝到第N个对象的对象。
5.浅拷贝是把被拷贝的对象复杂数据类型中的地址拷贝给目标对象，修改目标对象会影响被拷贝对象。
6.深拷贝，前面加true，完全克隆(拷贝的对象，而不是地址)，修改目标对象不会影响被拷贝对象。