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 将元素显示在屏幕的中央的代码
Feb 27 Javascript
jQuery拖动图片删除示例
May 10 Javascript
js调试工具Console命令详解
Oct 21 Javascript
基于jQuery实现数字滚动效果
Jan 16 Javascript
jQuery实现选项卡功能(两种方法)
Mar 08 Javascript
Angularjs中ng-repeat的简单实例
Aug 25 Javascript
微信小程序如何获取用户信息
Jan 26 Javascript
详解Vue文档中几个易忽视部分的剖析
Mar 24 Javascript
在vue-cli项目中使用bootstrap的方法示例
Apr 21 Javascript
关于layui 弹出层一闪而过就消失的解决方法
Sep 09 Javascript
vue实现倒计时获取验证码效果
Apr 17 Javascript
HTML元素拖拽功能实现的完整实例
Dec 04 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
三国漫画《火凤燎原》宣布动画化PV放出 预计2020年播出
2020/03/08 国漫
全国FM电台频率大全 - 7 吉林省
2020/03/11 无线电
javascript下查找父节点的简单方法
2007/08/13 Javascript
javascript 贪吃蛇实现代码
2008/11/22 Javascript
JQUERY操作JSON实例代码
2010/02/09 Javascript
Javascript模块化编程(一)模块的写法最佳实践
2013/01/17 Javascript
Jquery实现弹出层分享微博插件具备动画效果
2013/04/03 Javascript
jquery交替变换颜色的三种方法 实例代码
2013/11/19 Javascript
JS保留两位小数,多位小数的示例代码
2014/01/07 Javascript
判断在css加载完毕后执行后续代码示例
2014/09/03 Javascript
JavaScript获得url所有参数键值表的方法
2015/03/21 Javascript
jQuery判断checkbox选中状态
2016/05/12 Javascript
JS实现的手机端精简幻灯片效果
2016/09/05 Javascript
Javascript的动态增加类的实现方法
2016/10/20 Javascript
jQuery select自动选中功能实现方法分析
2016/11/28 Javascript
5种JavaScript脚本加载的方式
2017/01/16 Javascript
JavaScript计时器用法分析【setTimeout和clearTimeout】
2017/01/18 Javascript
xmlplus组件设计系列之树(Tree)(9)
2017/05/02 Javascript
详解React 16 中的异常处理
2017/07/28 Javascript
JavaScript查看代码运行效率console.time()与console.timeEnd()用法
2019/01/18 Javascript
基于JavaScript实现贪吃蛇游戏
2020/03/16 Javascript
Python实现嵌套列表及字典并按某一元素去重复功能示例
2017/11/30 Python
微信跳一跳小游戏python脚本
2018/01/05 Python
Django框架配置mysql数据库实现过程
2020/04/22 Python
基于pycharm实现批量修改变量名
2020/06/02 Python
浅析Python 多行匹配模式
2020/07/24 Python
博朗(Braun)俄罗斯官方商店:德国小家电品牌
2019/09/24 全球购物
女大学生毕业找工作的自我评价
2013/10/03 职场文书
数字化校园建设方案
2014/05/03 职场文书
公务员爱岗敬业演讲稿
2014/08/26 职场文书
客服专员岗位职责
2015/02/10 职场文书
小学班主任个人总结
2015/03/03 职场文书
2019广播稿怎么写
2019/04/17 职场文书
导游词之河北滦平金山岭长城
2019/10/16 职场文书
Java数据结构之链表相关知识总结
2021/06/18 Java/Android
Mysql排查分析慢sql之explain实战案例
2022/04/19 MySQL