|
一、今日学习内容--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(事件类型，选择器，事件处理函数)，选择器：实际触发事件的主体 特点：用于动态添加的元素，也可以绑定事件，也可以触发事件；也可以给不同事件设置不同的处理函数 一次绑定多个事件时，事件之间用空格隔开
| 
