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 相关文章推荐
ajax请求乱码的解决方法(中文乱码)
Apr 10 Javascript
jQuery实现复选框批量选择与反选的方法
Jun 17 Javascript
微信小程序 高德地图SDK详解及简单实例(源码下载)
Jan 11 Javascript
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
Jun 11 jQuery
客户端(vue框架)与服务器(koa框架)通信及服务器跨域配置详解
Aug 26 Javascript
ReactNative 之FlatList使用及踩坑封装总结
Nov 29 Javascript
浅谈angular4实际项目搭建总结
Dec 01 Javascript
详解在React中跨组件分发状态的三种方法
Aug 09 Javascript
浅谈webpack+react多页面开发终极架构
Nov 11 Javascript
vue项目打包上传github并制作预览链接(pages)
Apr 19 Javascript
Vue列表循环从指定下标开始的多种解决方案
Apr 08 Javascript
Vue自定义render统一项目组弹框功能
Jun 07 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读取目录下所有文件的代码
2008/01/07 PHP
Thinkphp5框架简单实现钩子(Hook)行为的方法示例
2019/09/03 PHP
javascript 必知必会之closure
2009/09/21 Javascript
JavaScript replace(rgExp,fn)正则替换的用法
2010/03/04 Javascript
Javascript面向对象扩展库代码分享
2012/03/27 Javascript
使用jQuery fancybox插件打造一个实用的数据传输模态弹出窗体
2013/01/15 Javascript
使用insertAfter()方法在现有元素后添加一个新元素
2014/05/28 Javascript
常用的jquery模板插件——jQuery Boilerplate介绍
2014/09/23 Javascript
javascript正则表达式中的replace方法详解
2015/04/20 Javascript
浅谈javascript的分号的使用
2015/05/12 Javascript
用JavaScript判断CSS浏览器类型前缀的两种方法
2015/10/08 Javascript
创建一个类Person的简单实例
2016/05/17 Javascript
jQuery EasyUI Pagination实现分页的常用方法
2016/05/21 Javascript
D3.js实现直方图的方法详解
2016/09/25 Javascript
使用JS 插件qrcode.js生成二维码功能
2017/02/20 Javascript
jquery实现下拉框左右选择功能
2017/02/21 Javascript
在vue项目中使用sass的配置方法
2018/03/20 Javascript
node.js调用C++函数的方法示例
2018/09/21 Javascript
echarts统计x轴区间的数值实例代码详解
2019/07/07 Javascript
Python中的匿名函数使用简介
2015/04/27 Python
分析用Python脚本关闭文件操作的机制
2015/06/28 Python
Python基于os.environ从windows获取环境变量
2020/06/09 Python
Python random模块的使用示例
2020/10/10 Python
HTML5 CSS3给网站设计带来出色效果
2009/07/16 HTML / CSS
HTML5录音实践总结(Preact)
2020/05/07 HTML / CSS
英国邮购活的植物主要供应商:Gardening Direct
2019/01/28 全球购物
澳大利亚最受欢迎的美发用品目的地:AMR
2019/08/28 全球购物
请解释在new与override的区别
2012/10/29 面试题
新闻编辑自荐书范文
2014/02/12 职场文书
洗发露广告词
2014/03/14 职场文书
教师考核评语
2014/04/28 职场文书
有关爱国演讲稿
2014/05/07 职场文书
2015年质量管理工作总结范文
2015/05/18 职场文书
浅谈Redis中的RDB快照
2021/06/29 Redis
MySQL into_Mysql中replace与replace into用法案例详解
2021/09/14 MySQL
Python中itertools库的四个函数介绍
2022/04/06 Python