首页 / JQUERY / jQuery操作DOM元素
jQuery操作DOM元素
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jQuery操作DOM元素，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1335字，纯文字阅读大概需要2分钟。
内容图文
1.attr() 控制元素属性
2. html(),text()控制元素内容，其中text()只是文本内容
3. addClass(),css()操作元素的样式
4.使用removeAttr(name)和removeClass(class)分别可以实现移除元素的属性和样式的功能
5.append()追加内容
6.appendTo()反追加
7.before（），after（）元素前后插入内容
8.clone() 复制元素
9.
$(selector).replaceWith(content)---replaceWith用后面内容替换前面内容
$(content).replaceAll(selector)----replaceAll用前面内容替换后面内容
10.元素的包裹
$(selector).wrap(wrapper)包裹元素本身
例如：$(".red").wrap("<div></div>");即在.red外部包裹一层div
$(selector).wrapInner(wrapper)包裹元素中的内容
例如 $(".red").wrapInner("<i></i>");即给文本加上斜体
11.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>
12.remove()方法删除所选元素本身和子元素，该方法可以通过添加过滤参数指定需要删除的某些元素，而empty()方法则只删除所选元素的子元素。
<strong><body>
<h3>使用empty()方法删除元素</h3>
<span class="green">香蕉</span>
<span class="green">桃子</span>
<span class="green">葡萄</span>
<span class="green">荔枝</span>
<script type="text/javascript">
$("span").empty(); //把子元素删掉，在这里只是去掉文本，green的样式还在
//$("span").remove(); //整个元素删除了
</script>
</body></strong>
原文：http://blog.csdn.net/u013045370/article/details/51346200
内容总结
以上是互联网集市为您收集整理的jQuery操作DOM元素全部内容，希望文章能够帮你解决jQuery操作DOM元素所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。