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 相关文章推荐
短信提示使用 特效
Jan 19 Javascript
jQuery 表单验证扩展代码(一)
Oct 11 Javascript
firefox下jquery iframe刷新页面提示会导致重复之前动作
Dec 17 Javascript
js实现收缩菜单效果实例代码
Oct 30 Javascript
js阻止冒泡和默认事件(默认行为)详解
Oct 20 Javascript
BootStrapValidator校验方式
Dec 19 Javascript
jquery表单验证插件validation使用方法详解
Jan 20 Javascript
JS定义函数的几种常用方法小结
May 23 Javascript
layer弹出层扩展主题的方法
Sep 11 Javascript
小程序实现上下移动切换位置
Sep 23 Javascript
Node.js+Vue脚手架环境搭建的方法步骤
Mar 08 Javascript
js面向对象封装级联下拉菜单列表的实现步骤
Feb 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 strncasecmp字符串比较的小技巧
2011/01/04 PHP
PHP表单提交表单名称含有点号(.)则会被转化为下划线(_)
2011/12/14 PHP
去除php注释和去除空格函数分享
2014/03/13 PHP
变量在 PHP7 内部的实现(一)
2015/12/21 PHP
PHP抓取淘宝商品的用户晒单评论+图片+搜索商品列表实例
2016/04/14 PHP
javascript之通用简单的table选项卡实现(二)
2010/05/09 Javascript
在JQuery dialog里的服务器控件 事件失效问题
2010/12/08 Javascript
Jquery知识点一 Jquery的ready和Dom的onload的区别
2011/01/15 Javascript
使用Jquery打造最佳用户体验的登录页面的实现代码
2011/07/08 Javascript
使用PHP+JQuery+Ajax分页的实现
2013/04/23 Javascript
jQuery之按钮组件的深入解析
2013/06/19 Javascript
javascript生成随机大小写字母的方法
2014/02/20 Javascript
基于promise.js实现nodejs的promises库
2014/07/06 NodeJs
node.js中的http.response.write方法使用说明
2014/12/14 Javascript
JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)
2015/08/04 Javascript
JavaScript运动减速效果实例分析
2015/08/04 Javascript
VueJs单页应用实现微信网页授权及微信分享功能示例
2017/07/26 Javascript
javascript 开发之网页兼容各种浏览器
2017/09/28 Javascript
nodejs 使用http进行post或get请求的实例(携带cookie)
2019/01/03 NodeJs
Python操作mongodb数据库进行模糊查询操作示例
2018/06/09 Python
python实战教程之自动扫雷
2018/07/13 Python
python 使用装饰器并记录log的示例代码
2019/07/12 Python
Python Matplotlib绘图基础知识代码解析
2020/08/31 Python
史上最详细的Python打包成exe文件教程
2021/01/17 Python
用html5的canvas和JavaScript创建一个绘图程序的简单实例
2016/07/06 HTML / CSS
AHAVA美国官方网站:死海海泥护肤品牌
2016/10/18 全球购物
应届大学生的推荐信
2013/11/20 职场文书
法学专业本科生自荐信范文
2013/12/17 职场文书
优秀班集体获奖感言
2014/02/03 职场文书
学校教研活动总结
2014/07/02 职场文书
2014党的群众路线教育实践活动总结材料
2014/10/31 职场文书
ktv服务员岗位职责
2015/02/09 职场文书
2015年高中生国庆节演讲稿
2015/07/30 职场文书
2016教师暑期培训学习心得体会
2016/01/09 职场文书
教学反思怎么写
2016/02/24 职场文书
Python List remove()实例用法详解
2021/08/02 Python