jQuery:自学笔记(3)——操作DOM
jQuery:自学笔记(3)——操作DOM
修改元素的属性
获取元素属性
设置元素属性
修改元素的内容
说明
有三种方式可以获取HTML元素的内容,分别是
☐ text():设置或返回所选元素的文本内容。
☐ html():设置或返回所选元素的内容(包括html标记)。
☐ var():设置或返回表单字段的值。
获取元素的内容
动态创建内容
说明
jQuery允许开发人员动态的为页面添加内容,类似于JavaScript中的CreateElement。
jQuery创建元素使用的工厂函数$()实现:
$(html)
实例
动态插入节点
动态删除节点
说明
jQuery提供了两种方式从DOM元素树上移除节点的方法:
☐ remove():用来删除指定的DOM元素,它会将节点从DOM元素树中移除,但是会返回一个指向DOM元素的引用,因此它并不是真正地将jQuery引用到的元素对象删除,而是通过这个引用继续来操作元素。
☐ empty():该方法也不会删除节点,只是清空节点的内容,DOM元素依然保持在DOM元素树中。
实例