<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>3-7-2</title>
<!-- 引入jQuery -->
<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(function(){
$("li").wrap("<div></div>");
});
//]]>
</script>
</head>
<body>
<strong title="选择你最喜欢的水果." >你最喜欢的水果是?</strong>
<strong title="选择你最喜欢的水果." >你最喜欢的水果是?</strong>
<ul>
<li title='苹果'>苹果</li>
<li title='橘子'>橘子</li>
<li title='菠萝'>菠萝</li>
</ul>
</body>
</html>
上面如果是 wrap,结果是:
<strong title="选择你最喜欢的水果.">你最喜欢的水果是?</strong>
<strong title="选择你最喜欢的水果.">你最喜欢的水果是?</strong>
<ul>
<div><li title="苹果">苹果</li></div>
<div><li title="橘子">橘子</li></div>
<div><li title="菠萝">菠萝</li></div>
</ul>
如果是wrapAll,结果是:
<strong title="选择你最喜欢的水果.">你最喜欢的水果是?</strong>
<strong title="选择你最喜欢的水果.">你最喜欢的水果是?</strong>
<ul>
<div><li title="苹果">苹果</li><li title="橘子">橘子</li><li title="菠萝">菠萝</li></div>
</ul>
分享到:
相关推荐
[蛋白·蛋黄】创意写法wrap&wrapAll;&wrapInner;方法应用
今晚看书的时候发现jQuery有三个包裹节点的方法,百度了一下jQuery wrap() / wrapAll() / wrapInner(),果然搜索结果 W3School的文档说明是排第一的。 可是,W3School的解释是这样的: jQuery 文档操作 – wrap() ...
### `wrapAll()`与`wrap()`的区别 `wrapAll()`和`wrap()`方法的主要区别在于作用范围。`wrap()`方法会针对每一个匹配的元素分别进行包裹,而`wrapAll()`则将所有匹配的元素作为一个整体,用一个单一的包裹元素来...
**jQuery中的wrap()函数详解** 在jQuery库中,`wrap()`函数是一个强大的工具,它允许开发者将HTML元素包裹在一个新的容器元素中。这个功能在构建动态网页和处理DOM元素时非常有用,尤其在布局调整、内容封装以及...
在实际开发中,这些包裹方法常常与其他jQuery操作结合使用,例如配合`.html()`, `.append()`, 或 `.prepend()`等,以实现更复杂的DOM操作。同时,也可以结合CSS类来改变元素的外观和行为。 在提供的压缩包文件"3-7...
- `wrap()`、`unwrap()`、`wrapAll()`、`wrapInner()`:元素的包裹和解包裹。 - `replaceWith()`、`replaceAll()`:元素替换。 - `empty()`、`remove()`、`detach()`:元素的删除和分离。 **CSS操作** - `css()`:...
`wrap()`函数的一个优点是它可以与其他jQuery方法结合使用。例如,你可以在包裹元素后立即应用样式或添加事件监听器: ```javascript $("p").wrap("<div class='container'></div>") .parent().css({ ...
"6-元素包裹.html"则展示了如何使用`.wrap()`、`.wrapAll()`和`.wrapInner()`方法将元素包裹在其他HTML结构中,这在布局和样式调整中非常实用。 通过对这些文件的分析,我们可以看出jQuery的强大之处在于其简洁的...
JQuery开发手册 jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc]) jQuery(callback) jQuery.holdReady(hold)1.6+ jQuery 对象访问 each(callback) size() length selector context get...
jQuery 文档操作方法详解 jQuery 文档操作方法是 jQuery 库中的一组强大且实用的函数,用于操作 HTML 和 XML 文档中的元素。这些方法可以帮助开发者快速高效地操作文档结构,提高开发效率和代码质量。本文将对 ...
$.wrapAll(wrappingElement ), .wrapAll( fn ) $.wrapInner( wrappingElement ), .wrapInner( fn ) Replacing $.replaceWith( content ), .replaceWith( fn ) $.replaceAll( selector ) Removing $.detach( ...
13. **文档处理**:jQuery 提供包裹(`wrap()`, `wrapAll()`, `wrapInner()`),替换(`replaceWith()`, `replaceAll()`),删除(`remove()`),以及内部和外部插入(`before()`, `after()`, `prepend()`, `append()...
与`wrap()`不同,它只会创建一个包裹元素。 - `wrapInner()`用于将匹配元素的内部内容包裹在指定HTML中,例如`$(“strong”).wrapInner(“<b></b>”)`会在每个`<strong>`元素内部添加`<b>`标签。 3. **属性操作**...
jQuery 提供了 `wrap()`、`wrapAll()` 和 `wrapInner()` 三个方法来包裹节点。 * `wrap()` 方法将指定节点用其他标记包裹起来,该方法对于需要在文档中插入额外的结构化标记非常有用。 * `wrapAll()` 方法将所有...
5. **包裹节点**:`wrap()`, `wrapAll()`, `wrapInner()`可以将元素包裹在其他元素内。 6. **属性操作**:`attr()`用于获取、设置或删除元素的属性。 7. **样式操作**:`css()`方法用于获取、设置或设置一组CSS...
在深入探讨jQuery选择器及其应用之前,我们先简要回顾一下jQuery是什么。jQuery是一个快速、简洁的JavaScript库,它的设计宗旨是“写得更少,做得更多”。它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互,...
提示:jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节,您将学习到更多有关选择器的语法。 文档就绪函数 您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready ...
最后,jQuery提供`wrap()`、`wrapAll()`和`wrapInner()`来包裹元素。`wrap()`包裹单个元素,`wrapAll()`用于一组元素,`wrapInner()`则将元素的子内容包裹起来。 总的来说,jQuery的DOM操作极大地简化了JavaScript...