一、今日学习内容--jQuery
操作dom节点
创建节点
var dom = $("<li class='item'>这是动态添加的li标签</li>");
追加：$('#list').html(dom);
增加节点
在父节点内容之前或者之后增加新节点
在父节点之后添加新节点
父节点.append(新节点)
新节点.appendTo（父节点)
在父节点之前添加新节点
父节点.prepend(新节点)
新节点.prependTo(父节点)
在兄弟节点之前或者之后增加新节点
在兄弟节点之后添加新节点
兄弟节点.after(新节点)
新节点.insertAfter(兄弟节点)
在兄弟节点之前添加新节点
兄弟节点.before(新节点)
新节点.insertBefore(兄弟节点)
删除节点
empty()--删除所有子元素，但是自身还在
remove()--删除指定的jq对象，并删除自身,并且不保留绑定事件
detach()--删除指定的jq对象，并删除自身，保留绑定的事件
复制节点
clone()
参数：默认值为false，只复制节点
参数为true--复制节点的同时也复制事件
文本内容修改
.val()--相当于value
.text()--相当于textContext 、innerText
.html()--相当于innerHTML
属性操作
标准属性--prop（）
设置单个标准属性的值：.prop（'key','value'）
设置多个标准属性的值：.prop（{key:'value',key:'value',...}）
获取标准属性的值:.prop('key')
移除标准属性:.removeProp('key');
自定义属性
设置单个自定义属性的值：.attr（'key','value'）
设置多个自定义属性的值：.attr（{key:'value',key:'value',...})
获取自定义属性的值:.attr('key')--有名无值结果为空,无名无值结果为undefined
移除自定义属性:.removeAttr('key');
data（）--数据缓存，数据放在元素的内存里
不会改变dom的元素结构,在标签上不显示，但是可以通过标签的data()来存取;刷新页面之后，之前存放的数据都将被移除
设置单个data的值：.attr（'key','value'）
设置多个data的值：.attr（{key:'value',key:'value',...})
获取：.data('key')
事件委派
bind():主要用于给选择道德元素进行事件绑定，用unbind()解除绑定
bind（事件类型，data,事件处理函数），data：传入函数的参数用event.data获取
特点：适用于静态页面，只能给调用它时已经存在的元素绑定，不能给未来新增的元素绑定
on():将监听事件绑定到就近父级元素，用off（）解除绑定
语法：.on(事件类型，选择器，事件处理函数)，选择器：实际触发事件的主体
特点：用于动态添加的元素，也可以绑定事件，也可以触发事件；也可以给不同事件设置不同的处理函数
一次绑定多个事件时，事件之间用空格隔开
|
