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 AJAX回调函数this指向问题
Feb 08 Javascript
瀑布流布局代码一例
Apr 11 Javascript
jQuery修改li下的样式以及li下的img的src的值的方法
Nov 02 Javascript
Javascript ES6中数据类型Symbol的使用详解
May 02 Javascript
Vue如何从1.0迁移到2.0
Oct 19 Javascript
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
Apr 03 Javascript
对angularjs框架下controller间的传值方法详解
Oct 08 Javascript
express+vue+mongodb+session 实现注册登录功能
Dec 06 Javascript
JavaScript工具库MyTools详解
Jan 01 Javascript
Vue export import 导入导出的多种方式与区别介绍
Feb 12 Javascript
解决antd的Form组件setFieldsValue的警告问题
Oct 29 Javascript
vue监听滚动事件的方法
Dec 21 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实现维护文件代码
2007/06/14 PHP
PHP微信开发之模板消息回复
2016/06/24 PHP
PHP识别二维码的方法(php-zbarcode安装与使用)
2016/07/07 PHP
PHP内置加密函数详解
2016/11/20 PHP
PHP jpgraph库的配置及生成统计图表:折线图、柱状图、饼状图
2017/05/15 PHP
Laravel框架实现调用百度翻译API功能示例
2019/05/30 PHP
js模拟类继承小例子
2010/07/17 Javascript
jQuery下实现等待指定元素加载完毕(可改成纯js版)
2013/07/11 Javascript
javascript表单验证使用示例(javascript验证邮箱)
2014/01/07 Javascript
TypeScript具有的几个不同特质
2015/04/07 Javascript
avalonjs制作响应式瀑布流特效
2015/05/06 Javascript
JQuery菜单效果的两个实例讲解(3)
2015/09/17 Javascript
JavaScript仿flash遮罩动画效果
2016/06/15 Javascript
jquery事件绑定解绑机制源码解析
2016/09/19 Javascript
Node.js与Sails redis组件的使用教程
2017/02/14 Javascript
原生JS实现N级菜单的代码
2017/05/21 Javascript
Angular弹出模态框的两种方式
2017/10/19 Javascript
AngularJS自定义表单验证功能实例详解
2018/08/24 Javascript
Vue press 支持图片放大功能的实例代码
2018/11/09 Javascript
layui动态加载多表头的实例
2019/09/05 Javascript
Echarts实现多条折线可拖拽效果
2019/12/19 Javascript
微信小程序将页面按钮悬浮固定在底部的实现代码
2020/10/29 Javascript
[47:12]TFT vs Secret Supermajor小组赛C组 BO3 第三场 6.3
2018/06/04 DOTA
python用10行代码实现对黄色图片的检测功能
2015/08/10 Python
Django小白教程之Django用户注册与登录
2016/04/22 Python
浅谈Python2、Python3相对路径、绝对路径导入方法
2018/06/22 Python
Python使用turtle库绘制小猪佩奇(实例代码)
2020/01/16 Python
tensorflow指定GPU与动态分配GPU memory设置
2020/02/03 Python
瑞典手机壳品牌:Richmond & Finch
2018/04/28 全球购物
民生工作实施方案
2014/05/31 职场文书
球队口号
2014/06/18 职场文书
2015年民兵整组工作总结
2015/07/24 职场文书
《西门豹》教学反思
2016/02/23 职场文书
基于Python的EasyGUI学习实践
2021/05/07 Python
PyQt5结合QtDesigner实现文本框读写操作
2021/06/11 Python
Python实现视频自动打码的示例代码
2022/04/08 Python