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 相关文章推荐
动态控制Table的js代码
Mar 07 Javascript
javascript 表格排序和表头浮动效果(扩展SortTable)
Apr 07 Javascript
javascript自然分类法算法实现代码
Oct 11 Javascript
JavaScript函数定义的常见注意事项小结
Sep 16 Javascript
jQuery事件绑定on()与弹窗实现代码
Apr 28 Javascript
原生js封装二级城市下拉列表的实现代码
Jun 16 Javascript
jQuery EasyUI 折叠面板accordion的使用实例(分享)
Dec 25 jQuery
使用Vue.set()方法实现响应式修改数组数据步骤
Nov 09 Javascript
深入理解webpack process.env.NODE_ENV配置
Feb 23 Javascript
VSCode搭建Vue项目的方法
Apr 30 Javascript
小程序实现背景音乐播放和暂停
Jun 19 Javascript
原生js实现照片墙效果
Oct 13 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
图解上海144收音机
2021/03/02 无线电
关于时间计算的结总
2006/12/06 PHP
php程序的国际化实现方法(利用gettext)
2011/08/14 PHP
PHP英文字母大小写转换函数小结
2014/05/03 PHP
解决cPanel无法安装php5.2.17
2014/06/22 PHP
PHP获取ip对应地区和使用网络类型的方法
2015/03/11 PHP
利用PHP生成CSV文件简单示例
2016/12/21 PHP
php smtp实现发送邮件功能
2017/06/22 PHP
初识JQuery 实例一(first)
2011/03/16 Javascript
input输入框的自动匹配(原生代码)
2013/03/19 Javascript
jquery中one()方法的用法实例
2015/01/16 Javascript
javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
2015/11/13 Javascript
jquery弹出遮掩层效果【附实例代码】
2016/04/28 Javascript
在Mac OS上安装使用Node.js的项目自动化构建工具Gulp
2016/06/18 Javascript
BootstrapValidator不触发校验的实现代码
2016/09/28 Javascript
[原创]JS基于FileSaver.js插件实现文件保存功能示例
2016/12/08 Javascript
Django1.7+JQuery+Ajax验证用户注册集成小例子
2017/04/08 jQuery
JS组件系列之JS组件封装过程详解
2017/04/28 Javascript
微信小程序常用赋值方法小结
2019/04/30 Javascript
layui: layer.open加载窗体时出现遮罩层的解决方法
2019/09/26 Javascript
Pyramid添加Middleware的方法实例
2013/11/27 Python
黑科技 Python脚本帮你找出微信上删除你好友的人
2016/01/07 Python
python如何压缩新文件到已有ZIP文件
2018/03/14 Python
Python实现确认字符串是否包含指定字符串的实例
2018/05/02 Python
Python实现的tcp端口检测操作示例
2018/07/24 Python
python实现汽车管理系统
2018/11/30 Python
pytorch中如何使用DataLoader对数据集进行批处理的方法
2019/08/06 Python
python爬虫增加访问量的方法
2019/08/22 Python
python 字典的打印实现
2019/09/26 Python
2014年母亲节演讲稿范文
2014/05/07 职场文书
运动会加油口号
2014/06/07 职场文书
夫妻忠诚协议书范本
2014/11/17 职场文书
投资意向协议书
2015/01/29 职场文书
原告代理词范文
2015/05/25 职场文书
运动会班级口号霸气押韵
2015/12/24 职场文书
muduo TcpServer模块源码分析
2022/04/26 Redis