版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/yingzhicai/article/details/51460874
jQuery DOM操作
创建节点
创建元素
DOM为Document对象定义了一个createElement()方法,该方法能够根据参数传递的标签字符串创建指定的元素对象,在调用appendChild()方法将元素添加到文档中。
jQuery简化了这个操作,可以直接使用jQuery的构造函数$()创建元素对象,用法如下:
var
参数的字符串应包含起始和结束标签,如果没有结束标签,要添加闭合标记,如
插入内容
内部插入
1.append()方法
append()方法能够把参数指定的内容插入到指定的节点中,并返回一个jQuery对象。指定的内容被插入到没个匹配元素里面的最后面,作为他的最后一个子元素。
2.appendTo()方法
与上一个方法的功能相同,语法不同而已。
3.prepend()方法
将参数指定的内容插入到指定的节点,返回一个jQuery对象。指定的内容被插入到每个匹配元素的最前面,作为第一个子元素。
外部插入
DOM没有直接提供外部插入的一般方法,jQuery就很多。
1.after()
参数字符串会被插入到每个匹配元素后面。
2. before()
插入匹配元素之前。
3.删除内容
方法 | 说明 |
---|---|
remove() | 从DOM中删除所有匹配的元素 |
empty() | 删除匹配的元素集合中所有的子节点 |
detach() | 从DOM中删除所有匹配的元素 |
JavaScript prototype 属性
proyotype属性使得您有能力向对象添加属性和方法。
语法:
objec.prototype.name = value