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 TextBox自动完成条
Jul 22 Javascript
如何用JavaScript动态呼叫函数(两种方式)
May 03 Javascript
热点新闻滚动特效的js代码
Aug 17 Javascript
js点击出现悬浮窗效果不使用JQuery插件
Jan 20 Javascript
js加密解密字符串可自定义密码因子
May 13 Javascript
jQuery插件datepicker 日期连续选择
Jun 12 Javascript
jQuery实现的漂亮表单效果代码
Aug 18 Javascript
js自定义回调函数
Dec 13 Javascript
AngularJS基础 ng-cloak 指令简单示例
Aug 01 Javascript
AngularJS 在同一个界面启动多个ng-app应用模块详解
Dec 20 Javascript
详解微信小程序 登录获取unionid
Jun 27 Javascript
微信禁止下拉查看URL的处理方法
Sep 28 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 和 XML: 使用expat函数(三)
2006/10/09 PHP
解析php中const与define的应用区别
2013/06/18 PHP
PHP使用Alexa API获取网站的Alexa排名例子
2014/06/12 PHP
ThinkPHP模板IF标签用法详解
2014/07/01 PHP
返回页面顶部top按钮通过锚点实现(自写)
2013/08/30 Javascript
node.js中的http.request方法使用说明
2014/12/14 Javascript
jQuery中eq()方法用法实例
2015/01/05 Javascript
jQuery点击其他地方时菜单消失的实现方法
2016/04/22 Javascript
jquery 将当前时间转换成yyyymmdd格式的实现方法
2016/06/01 Javascript
javascript验证内容为数字以及长度为10的简单实例
2016/08/20 Javascript
jquery事件绑定解绑机制源码解析
2016/09/19 Javascript
nodejs个人博客开发第三步 载入页面
2017/04/12 NodeJs
bootstrap选项卡扩展功能详解
2017/06/14 Javascript
基于canvas粒子系统的构建详解
2017/08/31 Javascript
js定时器实现倒计时效果
2017/11/05 Javascript
vue文件树组件使用详解
2018/03/29 Javascript
jQuery实现仿京东防抖动菜单效果示例
2018/07/06 jQuery
从零开始在NPM上发布一个Vue组件的方法步骤
2018/12/20 Javascript
Python的Flask框架中实现简单的登录功能的教程
2015/04/20 Python
Python的Django框架中设置日期和字段可选的方法
2015/07/17 Python
pandas的排序和排名的具体使用
2019/07/31 Python
Windows下pycharm创建Django 项目(虚拟环境)过程解析
2019/09/16 Python
在python3中实现查找数组中最接近与某值的元素操作
2020/02/29 Python
CSS3 网页下拉菜单代码解释 中文翻译
2010/02/27 HTML / CSS
用CSS3的box-reflect设置文字倒影效果的方法讲解
2016/03/07 HTML / CSS
基于html5 DeviceOrientation 实现微信摇一摇功能
2015/09/25 HTML / CSS
Omio葡萄牙:全欧洲低价大巴、火车和航班搜索和比价
2019/02/09 全球购物
便利店投资创业计划书
2014/02/08 职场文书
班级读书活动总结
2014/06/30 职场文书
个人总结与自我评价
2014/09/18 职场文书
党员批评与自我批评发言材料
2014/10/14 职场文书
红领巾广播站广播稿
2014/10/19 职场文书
投资意向协议书
2015/01/29 职场文书
《富饶的西沙群岛》教学反思
2016/02/16 职场文书
代码解析React中setState同步和异步问题
2021/06/03 Javascript
Java方法重载和方法重写的区别到底在哪?
2021/06/11 Java/Android