jQuery包裹节点用法完整示例


Posted in Javascript onSeptember 13, 2016

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
js 刷新页面的代码小结 推荐
Apr 02 Javascript
JS 对象属性相关(检查属性、枚举属性等)
Apr 05 Javascript
通用javascript代码判断版本号是否在版本范围之间
Nov 29 Javascript
jQuery动态添加
Apr 07 Javascript
jQuery限制图片大小的方法
May 25 Javascript
AngularJS中的API(接口)简单实现
Jul 28 Javascript
灵活使用数组制作图片切换js实现
Jul 28 Javascript
判断文字超过2行添加展开按钮,未超过则不显示,溢出部分显示省略号
Apr 28 Javascript
Node.js+ELK日志规范的实现
May 23 Javascript
vue计算属性+vue中class与style绑定(推荐)
Mar 30 Javascript
javascript执行上下文、变量对象实例分析
Apr 25 Javascript
js实现弹幕墙效果
Dec 10 Javascript
jQuery查找节点方法完整实例
Sep 13 #Javascript
jQuery表单对象属性过滤选择器实例详解
Sep 13 #Javascript
jQuery实现的放大镜效果示例
Sep 13 #Javascript
jQuery实现的简单拖拽功能示例
Sep 13 #Javascript
更靠谱的H5横竖屏检测方法(js代码)
Sep 13 #Javascript
jQuery实现的瀑布流加载效果示例
Sep 13 #Javascript
JS实现页面数据无限加载
Sep 13 #Javascript
You might like
CodeIgniter分页类pagination使用方法示例
2016/03/28 PHP
PHPMailer发送邮件
2016/12/28 PHP
php大小写转换函数(strtolower、strtoupper)用法介绍
2017/11/17 PHP
如何在PHP中读写文件
2020/09/07 PHP
用Laravel轻松处理千万级数据的方法实现
2020/12/25 PHP
新浪中用来显示flash的函数
2007/04/02 Javascript
JavaScript 对Cookie 操作的封装小结
2009/12/31 Javascript
JavaScript 嵌套函数指向this对象错误的解决方法
2010/03/15 Javascript
JavaScript中判断数据类型的方法总结
2016/05/24 Javascript
详解如何将angular-ui的图片轮播组件封装成一个指令
2017/05/09 Javascript
jquery获取元素到屏幕四周可视距离的方法
2018/09/05 jQuery
JavaScript数组、json对象、eval()函数用法实例分析
2019/02/21 Javascript
Vue 动态组件components和v-once指令的实现
2019/08/30 Javascript
解决layui table表单提示数据接口请求异常的问题
2019/09/24 Javascript
详解JS函数防抖
2020/06/05 Javascript
[15:07]lgd_OG_m2_BP
2019/09/10 DOTA
Fabric 应用案例
2016/08/28 Python
Python中扩展包的安装方法详解
2017/06/14 Python
解决pycharm安装后代码区不能编辑的问题
2018/10/28 Python
在Pycharm中调试Django项目程序的操作方法
2019/07/17 Python
pytorch 获取层权重,对特定层注入hook, 提取中间层输出的方法
2019/08/17 Python
pytorch 改变tensor尺寸的实现
2020/01/03 Python
python 控制台单行刷新,多行刷新实例
2020/02/19 Python
匈牙利墨盒和碳粉购买网站:CDRmarket
2018/04/14 全球购物
Sneaker Studio捷克:购买运动鞋
2018/07/08 全球购物
澳大利亚在线奢侈品时尚零售平台:Azura Runway
2021/01/13 全球购物
编写一子程序,将一链表倒序,即使链表表尾变表头,表头变表尾
2016/02/10 面试题
介绍一下SQL注入攻击的种类和防范手段
2012/02/18 面试题
HSRP的含义以及如何工作
2014/09/10 面试题
普通简短的个人自我评价
2014/02/15 职场文书
农林环境专业求职信
2014/03/13 职场文书
2014年老干部工作总结
2014/11/21 职场文书
中学校园广播稿
2015/08/18 职场文书
工作汇报材料难写?方法都在这里了!
2019/07/01 职场文书
仅仅使用 HTML/CSS 实现各类进度条的方式汇总
2021/11/11 HTML / CSS
十大最帅动漫男主 碓冰拓海上榜,第一是《灌篮高手》男主角
2022/03/18 日漫