wrapAll( html )
将‘html’的内容封装在匹配元素集合的整个集合上。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$("p").wrapAll("<div></div>");
});
</script>
<style>
div { border: 2px solid blue; }
p { background:yellow; margin:4px; }
</style>
</head>
<body>
<p>Hello</p>
<p>cruel</p>
<p>World</p>
</body>
</html>
$("p").wrapAll("<div></div>");
将‘<div></div>’封装在匹配p元素集合上
wrapAll( elem )
将特殊元素‘elem’封装在匹配元素集合的整个集合上
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$("p").wrapAll(document.createElement("div"));
});
</script>
<style>
div { border: 2px solid blue; }
p { background:yellow; margin:4px; }
</style>
</head>
<body>
<p>Hello</p>
<p>cruel</p>
<p>World</p>
</body>
</html>
$("p").wrapAll(document.createElement("div"));
将div元素封装在匹配p元素集合上
分享到：
相关推荐
jQuery中的`wrapAll()`方法是用于将一组匹配的元素全部包裹在一个或多个指定的HTML元素内，以此来改变页面结构。这个方法对于实现复杂的布局调整和动态内容包装非常有用。在深入理解`wrapAll()`方法之前，我们先简单...
"6-元素包裹.html"则展示了如何使用`.wrap()`、`.wrapAll()`和`.wrapInner()`方法将元素包裹在其他HTML结构中，这在布局和样式调整中非常实用。 通过对这些文件的分析，我们可以看出jQuery的强大之处在于其简洁的...
jQuery 是一个流行的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在jQuery 1.4.1版本中，这个库提供了丰富的API，使得开发者能够更高效地编写JavaScript代码。 **核心功能** jQuery的核心...
wrapall(html|ele) wrapInner(html|ele|fn) 替换 replaceWith(content|fn) replaceAll(selector) 删除 empty() remove([expr]) detach([expr]) 复制 clone([Even[,deepEven]]) 筛选 过滤 eq(index|-...
在jQuery库中，"包裹节点"（Wrap Nodes）是一个常用的操作，它允许开发者将一个或多个HTML元素包裹在一个新的DOM结构内，以便更好地控制页面布局、应用样式或者组织交互。这个功能提供了强大的灵活性，使我们可以...
演示 jQuery hide() 函数，隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数，隐藏 id="test" 的元素。 $("p").hide() 演示 jQuery hide() 函数，隐藏所有 <p> 元素。 $(".test").hide() ...
总结来说，`wrap()`函数是jQuery中一个非常实用的功能，它允许开发人员在不改变原有DOM结构的情况下，灵活地对元素进行包装，从而实现复杂布局和样式控制。了解并熟练掌握`wrap()`函数的使用，能够极大地提升前端...
`wrap()`, `unwrap()`, `wrapAll()`, `wrapInner()`方法用于在元素周围添加、移除或替换HTML结构，以便改变页面布局或实现更复杂的样式效果。 十. 属性操作 `attr()`用于设置或获取元素的属性值，`removeAttr()`...
wrapAll(html|ele) wrapInner(html|ele|fn) 替换 replaceWith(content|fn) replaceAll(selector) 删除 empty() remove([expr]) detach([expr]) 复制 clone([Even[,deepEven]]) 筛选 过滤 eq(index|-...
get(index) index(subject) 数据缓存 data([name] , [value]) data(obj) removeData(name) $.data([el], [key], [val]) 队列控制 queue(name ,[cb|queue]) dequeue(name) clearQueue([queueName]) 插件机制 jQuery....
在本文中，重点讲解了如何使用jQuery的几个关键方法来控制HTML元素的添加和内容的追加。 ### 一、在元素内部/外部追加元素 1. **追加元素到子元素中**：使用`append()`和`prepend()`方法。`append()`方法用于将...
总结以上知识点，可以看出jQuery通过封装了大量简洁易用的DOM操作方法，极大地方便了开发者在编写JavaScript代码时对HTML文档的动态控制和操作。通过学习和掌握这些操作，开发者可以更加高效地完成前端开发中的各种...
当然，由于jquery提供了强大的事件控制功能，我们可以将一些脚本放在head引用的外部文件中，以减少页面的加载时间。 接下来，我们进入jquery对DOM节点操作的具体内容。jquery提供了一整套选择器和方法，使得DOM操作...