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 相关文章推荐
Mootools 1.2教程 类(一)
Sep 15 Javascript
jquery 选项卡效果 新手代码
Jul 08 Javascript
js实现右下角可关闭最小化div(可用于展示推荐内容)
Jun 24 Javascript
浅析JQuery获取和设置Select选项的常用方法总结
Jul 04 Javascript
JavaScript中的关键字&quot;VAR&quot;使用详解 分享
Jul 31 Javascript
今天是星期几的4种JS代码写法
Sep 17 Javascript
AngularJS ng-app 指令实例详解
Jul 30 Javascript
AngularJS ng-style中使用filter
Sep 21 Javascript
jQuery Ajax实现跨域请求
Jan 21 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
Oct 09 Javascript
微信小程序选择图片和放大预览图片功能
Nov 02 Javascript
详细分析vue响应式原理
Jun 22 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
php类常量的使用详解
2013/06/08 PHP
php实现图形显示Ip地址的代码及注释
2014/01/20 PHP
php实现基于微信公众平台开发SDK(demo)扩展的方法
2014/12/22 PHP
php实现阿拉伯数字和罗马数字相互转换的方法
2015/04/17 PHP
php微信公众平台开发之获取用户基本信息
2015/08/17 PHP
laravel model模型定义实现开启自动管理时间created_at,updated_at
2019/10/17 PHP
THREE.JS入门教程(6)创建自己的全景图实现步骤
2013/01/25 Javascript
JavaScript和CSS交互的方法汇总
2014/12/02 Javascript
简单谈谈Javascript中类型的判断
2015/10/19 Javascript
jQuery文字横向滚动效果的实现代码
2016/05/31 Javascript
基于node.js依赖express解析post请求四种数据格式
2017/02/13 Javascript
javascript实现动态显示颜色块的报表效果
2017/04/10 Javascript
Node.js利用js-xlsx处理Excel文件的方法详解
2017/07/05 Javascript
ES7中利用Await减少回调嵌套的方法详解
2017/11/01 Javascript
bootstrap实现二级下拉菜单效果
2017/11/23 Javascript
jQuery实现每隔一段时间自动更换样式的方法分析
2018/05/03 jQuery
angularjs的单选框+ng-repeat的实现方法
2018/09/12 Javascript
npm 常用命令详解(小结)
2019/01/17 Javascript
javascript获取select值的方法完整实例
2019/06/20 Javascript
如何手写简易的 Vue Router
2020/10/10 Javascript
python实现sublime3的less编译插件示例
2014/04/27 Python
用python 实现在不确定行数情况下多行输入方法
2019/01/28 Python
使用 python pyautogui实现鼠标键盘控制功能
2019/08/04 Python
django组合搜索实现过程详解(附代码)
2019/08/06 Python
python使用matplotlib绘制折线图的示例代码
2020/09/22 Python
numba提升python运行速度的实例方法
2021/01/25 Python
李宁官方网店:中国运动品牌
2017/11/02 全球购物
意大利体育用品和运动服网上商店:Maxi Sport
2019/09/14 全球购物
高级销售求职信
2014/02/21 职场文书
优秀党务工作者事迹材料
2014/05/07 职场文书
公司承诺书范文
2014/05/19 职场文书
责任书格式范文
2014/07/28 职场文书
国庆阅兵观后感
2015/06/15 职场文书
python实现批量提取指定文件夹下同类型文件
2021/04/05 Python
Win10开机修复磁盘错误怎么跳过?Win10关闭开机磁盘检查的方法
2022/09/23 数码科技
不想升级Win11?教你彻底锁定老版Windows系统的方法(附下载地址)
2022/09/23 数码科技