jQuery包裹节点用法完整示例
更新时间：2016年09月13日 10:22:31 作者：onestopweb
这篇文章主要介绍了jQuery包裹节点用法,结合完整实例形式分析了jQuery中wrap方法包裹节点的使用技巧,注释中还包含了wrapAll与wrapInner方法的使用,需要的朋友可以参考下
本文实例讲述了jQuery包裹节点用法。分享给大家供大家参考，具体如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(function(){
$("strong").wrap("<b></b>");//用<b>元素把<strong>元素包裹起来
//$("strong").wrapAll("<b></b>");
//$("strong").wrapInner("<b></b>");
});
//]]>
</script>
</head>
<body>
<strong title="选择你最喜欢的水果." >你最喜欢的水果是?</strong>
<strong title="选择你最喜欢的水果." >你最喜欢的水果是?</strong>
<strong title="选择你最喜欢的水果." >你最喜欢的水果是?</strong>
<ul>
<li title='苹果'>苹果</li>
<li title='橘子'>橘子</li>
<li title='菠萝'>菠萝</li>
</ul>
</body>
</html>
运行效果图如下：
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery操作DOM节点方法总结》、《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
本文为大家想你想介绍下jquery实现页面动态数据的滚动效果。似乎只有通过div-ul-li标签嵌套的方式才能实现表格多行多列的滚动效果2013-07-07
项目中经常会对表格进行分页，以下运用jquery对用户管理中的用户表格进行分页。2011-06-06
本篇文章主要介绍了jQuery对Select的操作进行了详细的汇总，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
本篇文章主要介绍了etmvc+jQuery EasyUI+combobox多值操作实现角色授权，实现对角色role进行授权操作，有需要的可以了解一下。2016-11-11
jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHei
jQuery的位置函数(offset(),innerWidth(),innerHeight(),outerWidth(),outerHeight(),scrollTop(),scrollLeft())小应用2010-03-03
这篇文章主要介绍了jQuery入门基础知识学习指南,jQuery是当下最主流人气最高的JavaScript库,需要的朋友可以参考下2015-08-08
jquery的clone方法应用于textarea和select的bug修复
textarea和select的值clone的时候会丢掉，在clone的时候将val再重新赋值一下，如果知道这个了就加单了2014-06-06
jQuery为我们提供了方便的事件注册机制，它的优点，操作简单，且不用担心事件覆盖等问题。缺点，普通的事件注册不能做事件委托，且无法实现事件解绑，需要借助其他方法2022-07-07
textarea的手动换行会产生换行标志，但这个标志存在却看不到，存入数据库中后读出来显示在页面上却不会换行，如何处理呢？2011-02-02
jquery 选择器，jquery学习与开发中需要用的到，大家可以收藏下，另外可以看下本站提供的学习jquery的资料。2009-10-10
最新评论