编程 Javascript

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程序设计有所帮助。

jQuery包裹节点用法完整示例

- Author -

onestopweb

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

各种常用浏览器getBoundingClientRect的解析

May 21 Javascript

Mootools 1.2教程设置和获取样式表属性

Sep 15 Javascript

Javascript学习笔记8 用JSON做原型

Jan 11 Javascript

查看图片(前进后退)功能实现js代码

Apr 24 Javascript

Jquery选中或取消radio示例

Sep 29 Javascript

深入浅析Bootstrap列表组组件

May 03 Javascript

javascript汉字拼音互转的简单实例

Oct 09 Javascript

Vue Spa切换页面时更改标题的实例代码

Jul 15 Javascript

react-native组件中NavigatorIOS和ListView结合使用的方法

Sep 30 Javascript

vue中使用sessionStorage记住密码功能

Jul 24 Javascript

vue.js表单验证插件(vee-validate)的使用教程详解

May 23 Javascript

javascript实现移动端红包雨页面

Jun 23 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