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 相关文章推荐
JQuery 构建客户/服务分离的链接模型中Table分页代码效率初探
Jan 22 Javascript
jQuery学习笔记之jQuery原型属性和方法
Jun 09 Javascript
jquery滚动加载数据的方法
Mar 09 Javascript
JS实现控制表格内指定单元格内容对齐的方法
Mar 30 Javascript
js获取及修改网页背景色和字体色的方法
Dec 29 Javascript
jQuery实现的放大镜效果示例
Sep 13 Javascript
Angular的$http的ajax的请求操作(推荐)
Jan 10 Javascript
基于JavaScript实现复选框的全选和取消全选
Feb 09 Javascript
input框中自动展示当前日期yyyy/mm/dd的实现方法
Jul 06 Javascript
基于require.js的使用(实例讲解)
Sep 07 Javascript
对Vue table 动态表格td可编辑的方法详解
Aug 28 Javascript
使用kbone解决Vue项目同时支持小程序问题
Nov 08 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面向对象全攻略 (十四) php5接口技术
2009/09/30 PHP
PHP中的array数组类型分析说明
2010/07/27 PHP
使用session判断用户登录用户权限(超简单)
2013/06/08 PHP
解析PHP将对象转换成数组的方法(兼容多维数组类型)
2013/06/21 PHP
php使用websocket示例详解
2014/03/12 PHP
使用WAMP搭建PHP本地开发环境
2017/05/10 PHP
php 多继承的几种常见实现方法示例
2019/11/18 PHP
javascript常用对话框小集
2013/09/13 Javascript
Flex通过JS获取客户端IP和计算机名的实例代码
2013/11/21 Javascript
jquery简单实现滚动条下拉DIV固定在头部不动
2013/11/25 Javascript
javascript设计模式之工厂模式示例讲解
2014/03/04 Javascript
探寻Javascript执行效率问题
2014/11/12 Javascript
jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
2016/08/25 Javascript
js 获取元素所有兄弟节点的实现方法
2016/09/06 Javascript
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
2017/09/20 jQuery
JS设计模式之策略模式概念与用法分析
2018/02/05 Javascript
vue项目如何刷新当前页面的方法
2018/05/18 Javascript
JavaScript文本特效实例小结【3个示例】
2018/12/22 Javascript
JavaScript语句错误throw、try及catch实例解析
2020/08/18 Javascript
[37:23]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第二局
2016/03/04 DOTA
Python 自动补全(vim)
2014/11/30 Python
python使用Flask框架获取用户IP地址的方法
2015/03/21 Python
python 3.5下xadmin的使用及修复源码bug
2017/05/10 Python
python编写微信远程控制电脑的程序
2018/01/05 Python
python opencv人脸检测提取及保存方法
2018/08/03 Python
Pycharm和Idea支持的vim插件的方法
2020/02/21 Python
Scrapy-Redis之RedisSpider与RedisCrawlSpider详解
2020/11/18 Python
查找适用于matplotlib的中文字体名称与实际文件名对应关系的方法
2021/01/05 Python
HTML5 Canvas绘制五星红旗
2016/05/04 HTML / CSS
手工制作的意大利礼服鞋:Ace Marks
2018/12/15 全球购物
护理专业应届毕业生推荐信
2013/11/15 职场文书
审计专业自荐信范文
2014/04/21 职场文书
保密工作承诺书
2014/08/29 职场文书
写给女朋友的保证书
2015/05/09 职场文书
2016年保险公众宣传日活动总结
2016/04/05 职场文书
一级电子管军用接收机测评
2022/04/05 无线电