`
KAXU
  • 浏览: 266963 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

jquery 控制 wrapInner( html )

阅读更多

wrapInner( html )

将‘html’内容封装在匹配元素集合中每一个元素的内容或是文本上。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    $("p").wrapInner("<b></b>");
  });
  </script>
  <style>p { background:#bbf; }</style>
</head>
<body>
  <p>Hello</p>
  <p>cruel</p>
  <p>World</p>
</body>
</html>

 

$("p").wrapInner("<b></b>");
将‘<b></b>’封装在匹配p元素中每一个p元素内容上

 

 

wrapInner( elem )

将特殊的‘elem’元素封装在匹配元素集合每一个元素中的内容上

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    $("p").wrapInner(document.createElement("b"));
  });
  </script>
  <style>p { background:#9f9; }</style>
</head>
<body>
  <p>Hello</p>
  <p>cruel</p>
  <p>World</p>
</body>
</html>

 

$("p").wrapInner(document.createElement("b"));
将特殊元素b匹配在匹配p元素集合每一个p元素的内容上

分享到:
评论

相关推荐

    jQuery中wrapInner()方法用法实例

    本文实例讲述了jQuery中wrapInner()方法用法。分享给大家供大家参考。具体分析如下: 此方法使用指定的HTML内容或元素将匹配的元素内容包裹起来。 语法一: 用指定的DOM元素去包裹匹配元素的内容。 代码如下:$...

    jQuery 1.4.1 中文参考

    2.4 队列控制 30 2.4.1 queue(name) 30 2.4.2 queue(name, callback) 31 2.4.3 queue(name, queue) 32 2.4.4 dequeue(name) 33 2.4.5 clearQueue([queueName]) 34 2.5 插件机制 34 2.5.1 jQuery.fn.extend(object) ...

    JQuery新版中文手册

    wrapInner(html|ele|fn) 替换 replaceWith(content|fn) replaceAll(selector) 删除 empty() remove([expr]) detach([expr]) 复制 clone([Even[,deepEven]]) 筛选 过滤 eq(index|-index) first() last...

    浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异

    今晚看书的时候发现jQuery有三个包裹节点的方法,百度了一下jQuery wrap() / wrapAll() / wrapInner(),果然搜索结果 W3School的文档说明是排第一的。 可是,W3School的解释是这样的: jQuery 文档操作 – wrap() ...

    jQuery 1.5 API 中文版

    $.wrapInner( wrappingElement ), .wrapInner( fn ) Replacing $.replaceWith( content ), .replaceWith( fn ) $.replaceAll( selector ) Removing $.detach( [selector] ) $.empty( ) $.remove( [selector] ) ...

    jQuery详细教程

    演示 jQuery hide() 函数,隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数,隐藏 id="test" 的元素。 $("p").hide() 演示 jQuery hide() 函数,隐藏所有 &lt;p&gt; 元素。 $(".test").hide() ...

    wrap&wrapAll;&wrapInner;.html

    [蛋白·蛋黄】创意写法wrap&wrapAll;&wrapInner;方法应用

    【推荐】高清jquery视频教程下载

    特殊符号 38:创建节点 39:追加节点1 40:追加节点2 41:插入节点1 42:插入节点2 43:删除节点1 44:删除节点2 45:参数删除 46:清空节点 47:克隆节点 48:替换节点1 49:替换节点2 50:包裹节点1 51:包裹节点2 52:wrapInner ...

    jquery1.11.0手册

    wrapInner(html|ele|fn) 替换 replaceWith(content|fn) replaceAll(selector) 删除 empty() remove([expr]) detach([expr]) 复制 clone([Even[,deepEven]]) 筛选 过滤 eq(index|-index) first() ...

    Jquery 1.3 简体中文手册

    jQuery(html, [ownerDoc]) jQuery(elements) jQuery(callback) jQuery 对象访问 each(callback) size() length selector context get() get(index) index(subject) 数据缓存 data(name , [value]) ...

    JQuery 1.3 中文参考手册

    jQuery(html, [ownerDoc]) jQuery(elements) jQuery(callback) jQuery 对象访问 each(callback) size() length selector context get() get(index) index(subject) 数据缓存 data(name , [value]) ...

    jQuery1.4 API

    get(index) index(subject) 数据缓存 data([name] , [value]) data(obj) removeData(name) $.data([el], [key], [val]) 队列控制 queue(name ,[cb|queue]) dequeue(name) clearQueue([queueName]) 插件机制 jQuery....

    JQuery包裹DOM节点的方法

    本文实例讲述了JQuery包裹DOM节点的方法。分享给大家供大家参考。具体分析如下: 如果要将某个节点用其他标记包裹起来,JQuery提供了相应的方法...包裹节点操作还有其他两个方法,即wrapAll()和wrapInner()。 wrapAll

    jQuery实现自动调整字体大小的方法

    本文实例讲述了jQuery实现自动调整字体大小的方法。分享给大家供大家参考。具体分析如下: ... $(this).wrapInner('&lt;div id=fontfit&gt;&lt;/div&gt;'); var dheight = $(this).height(); var cheight = $(#fontfit).he

Global site tag (gtag.js) - Google Analytics