wrapInner( 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").wrapInner("<b></b>");
});
</script>
<style>p { background:#bbf; }</style>
</head>
<body>
<p>Hello</p>
<p>cruel</p>
<p>World</p>
</body>
</html>
$("p").wrapInner("<b></b>");
将‘<b></b>’封装在匹配p元素中每一个p元素内容上
wrapInner( 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").wrapInner(document.createElement("b"));
});
</script>
<style>p { background:#9f9; }</style>
</head>
<body>
<p>Hello</p>
<p>cruel</p>
<p>World</p>
</body>
</html>
$("p").wrapInner(document.createElement("b"));
将特殊元素b匹配在匹配p元素集合每一个p元素的内容上
分享到:
相关推荐
"6-元素包裹.html"则展示了如何使用`.wrap()`、`.wrapAll()`和`.wrapInner()`方法将元素包裹在其他HTML结构中,这在布局和样式调整中非常实用。 通过对这些文件的分析,我们可以看出jQuery的强大之处在于其简洁的...
jQuery 是一个流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在jQuery 1.4.1版本中,这个库提供了丰富的API,使得开发者能够更高效地编写JavaScript代码。 **核心功能** jQuery的核心...
wrapInner(html|ele|fn) 替换 replaceWith(content|fn) replaceAll(selector) 删除 empty() remove([expr]) detach([expr]) 复制 clone([Even[,deepEven]]) 筛选 过滤 eq(index|-index) first() last...
在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()`...
wrapInner(html|ele|fn) 替换 replaceWith(content|fn) replaceAll(selector) 删除 empty() remove([expr]) detach([expr]) 复制 clone([Even[,deepEven]]) 筛选 过滤 eq(index|-index) first() ...
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通过封装了大量简洁易用的DOM操作方法,极大地方便了开发者在编写JavaScript代码时对HTML文档的动态控制和操作。通过学习和掌握这些操作,开发者可以更加高效地完成前端开发中的各种...
1. 首先,使用`wrapInner()`方法将导航链接内的文本包裹在带有`.out`类的`span`元素内,以便于动画处理。 2. 然后,使用`append()`方法向每个导航链接添加一个带有`.bg`类的`span`元素,作为背景,用于动画展示。 3....
`$(this).wrapInner(“<pre></pre>”);` 将当前`li`元素的内容包裹在`<pre>`标签内,这样做可能是为了给当前激活的标题添加特定的样式(如背景色)。 接下来,`$("#tab_bx").children("div").removeClass("show123...
当然,由于jquery提供了强大的事件控制功能,我们可以将一些脚本放在head引用的外部文件中,以减少页面的加载时间。 接下来,我们进入jquery对DOM节点操作的具体内容。jquery提供了一整套选择器和方法,使得DOM操作...