js-18 jQuery操作DOM

jQuery操作DOM

jQuery添加节点

使用jQuery工厂函数$()可以创建HTML元素

$(HTML标签)

添加节点

append()

可以直接传入HTML代码
可以添加多个元素
向元素内部末尾添加内容

prepend()

向元素内部开头添加内容

after()

在指定元素之后添加内容

before()

在指定元素之前添加内容

jQuery删除节点

remove()

删除被选元素及其子元素
可输入参数进行过滤

empty()

删除被选元素的所有子元素

$(selector).replaceWith(content)—replaceWith用后面内容替换前面内容
$(content).replaceAll(selector)----replaceAll用前面内容替换后面内容

元素的包裹

$(selector).wrap(wrapper)包裹元素本身例如：$(".red").wrap("

");即在.red外部包裹一层div
$(selector).wrapInner(wrapper)包裹元素中的内容

each()方法遍历元素

<span style="font-size:18px;"><strong> <script type="text/javascript">
            $("span").each(function (index) { //index从0开始遍历，funtion为回调函数
                if (index == 1) {
                    $(this).attr("class", "red");
                }
            });
        </script></strong></span>