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的hover方法让鼠标经过li时背景变色
Sep 06 Javascript
二叉树先序遍历的非递归算法具体实现
Jan 09 Javascript
jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法
Mar 25 Javascript
clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切
Oct 10 Javascript
JavaScript遍历求解数独问题的主要思路小结
Jun 12 Javascript
ionic环境配置及问题详解
Jun 27 Javascript
javascript 跨域问题以及解决办法
Jul 17 Javascript
微信小程序仿RadioGroup改变样式的处理方案
Jul 13 Javascript
vsCode安装使用教程和插件安装方法
Aug 24 Javascript
Vue.js中provide/inject实现响应式数据更新的方法示例
Oct 16 Javascript
vue element自定义表单验证请求后端接口验证
Dec 11 Javascript
vue+element UI实现树形表格
Dec 29 Vue.js
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之第六天
2006/10/09 PHP
PHP与SQL注入攻击[三]
2007/04/17 PHP
PHP实现断点续传乱序合并文件的方法
2018/09/06 PHP
PHP implode()函数用法讲解
2019/03/08 PHP
Swoole扩展的6种模式深入详解
2021/03/04 PHP
jQuery事件 delegate()使用方法介绍
2012/10/30 Javascript
js获取当前月的第一天和最后一天的小例子
2013/11/18 Javascript
AngularJS使用ngOption实现下拉列表的实例代码
2016/01/23 Javascript
JS之相等操作符详解
2016/09/13 Javascript
jquery.validate表单验证插件使用详解
2017/06/21 jQuery
微信小程序模板(template)使用详解
2018/01/31 Javascript
彻底理解js面向对象之继承
2018/02/04 Javascript
vue 自定义 select内置组件
2018/04/10 Javascript
react 应用多入口配置及实践总结
2018/10/17 Javascript
vue使用自定义指令实现拖拽
2021/01/29 Javascript
防止Layui form表单重复提交的实现方法
2019/09/10 Javascript
让python json encode datetime类型
2010/12/28 Python
python实现socket端口重定向示例
2014/02/10 Python
Python删除空文件和空文件夹的方法
2015/07/14 Python
Python只用40行代码编写的计算器实例
2017/05/10 Python
Python实现的文本简单可逆加密算法示例
2017/05/18 Python
详解Python中的Numpy、SciPy、MatPlotLib安装与配置
2017/11/17 Python
Python实现线程状态监测简单示例
2018/03/28 Python
Python基于socket模块实现UDP通信功能示例
2018/04/10 Python
Python中的上下文管理器和with语句的使用
2018/04/17 Python
python简单操作excle的方法
2018/09/12 Python
python IDLE 背景以及字体大小的修改方法
2019/07/12 Python
python打印直角三角形与等腰三角形实例代码
2019/10/20 Python
使用python制作游戏下载进度条的代码(程序说明见注释)
2019/10/24 Python
python获取依赖包和安装依赖包教程
2020/02/13 Python
python自动生成sql语句的脚本
2021/02/24 Python
css3 border旋转时的动画应用
2016/01/22 HTML / CSS
HTML5 的新的表单元素(datalist/keygen/output)使用介绍
2013/07/19 HTML / CSS
西班牙香水和化妆品购物网站:Arenal Perfumerías
2019/03/01 全球购物
本科生的职业生涯规划范文
2014/01/09 职场文书
群众路线教育实践活动心得体会(教师)
2014/10/31 职场文书