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

jquery 控制 insertBefore(content)

jQueryHTML 
阅读更多

insertBefore(content)

将匹配元素集合插入到匹配元素集合‘content’之前

<!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").insertBefore("#foo"); // check before() examples
  });
  </script>
  <style>#foo { background:yellow; }</style>
</head>
<body>
  <div id="foo">FOO!</div><p>I would like to say: </p>
</body>
</html>

 

$("p").insertBefore("#foo"); // check before() examples
将匹配p元素集合插入到属性值为‘foo’的匹配元素之前。

分享到：
| jquery 控制 insertAfter(content)
评论
2 楼 KAXU 2011-09-22  
对的，官网上的。
1 楼 sumaolin 2011-09-07  
这是手册上的示例吧
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery中insertBefore()方法用法实例

    本文实例讲述了jQuery中insertBefore()方法用法。分享给大家供大家参考。具体分析如下： 此方法把匹配的元素插入到另一个指定的元素集合的前面。 insertBefore()方法与insertAfter()相反。 语法结构: 代码如下:$...

    浅谈jQuery before和insertBefore的区别

    在jQuery库中，`before`和`insertBefore`都是用于在现有DOM元素前插入新内容的方法，但它们的使用方式有所不同。理解这两个方法的区别对于优化和编写高效的jQuery代码至关重要。 首先，`before`方法的基本语法是`$...

    JQuery新版中文手册

    insertBefore(content) 包裹 wrap(html|ele|fn) unwrap() wrapall(html|ele) wrapInner(html|ele|fn) 替换 replaceWith(content|fn) replaceAll(selector) 删除 empty() remove([expr]) detach([expr]) ...

    jquery拖拽树形菜单

    基本思路是通过CSS控制样式，使用jQuery来处理展开/折叠和节点的点击事件。以下是一个简单的例子： ```html &lt;li&gt;&lt;a href="#"&gt;父节点1 &lt;li&gt;&lt;a href="#"&gt;子节点1&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;子节点2&lt;/a&gt;&lt;/li&gt; ...

    jQuery 1.5 API 中文版

    $.insertBefore( target ) Inserting Around $.unwrap( ) $.wrap( wrappingElement ), .wrap( fn ) $.wrapAll(wrappingElement ), .wrapAll( fn ) $.wrapInner( wrappingElement ), .wrapInner( fn ) Replacing $....

    jquery常用的方法

    - `$(”元素名称”).insertBefore(content);` - 将元素插入到其他内容之前。 - `$(”元素名称”).prepend(content);` - 将内容添加到元素的开头。 - `$(”元素名称”).prependTo(content);` - 将元素添加到其他...

    jquery函数大全

    - `$(”元素名称”).insertBefore(content);` 将元素插入到content之前。 - `$(”元素”).prepend(content);` 在元素内容开头添加content。 - `$(”元素”).prependTo(content);` 将元素作为content的开头。 - `...

    jQuery 文档操作方法

    * `content`：要插入的内容，可以是 HTML 元素、文本或 jQuery 对象。 返回值：无 示例代码：`$('p').after('&lt;p&gt;This is a new paragraph.&lt;/p&gt;');` append() 方法 append() 方法用于向匹配的元素内部追加内容。...

    jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)

    其中，对节点进行插入和移动操作是非常常见的需求，而jQuery通过提供了一组简单易用的方法来实现这些操作，本文将详细介绍其中的insertAfter和insertBefore方法。 ### 插入节点 在进行DOM元素插入操作时，我们可以...

    jQuery常用方法jQuery常用方法

    - **insertBefore(content)**: 将每个匹配元素插入到另一个指定的元素集合之前。例如：`$("element").insertBefore("content");` - **prepend(content)**: 在每个匹配元素的子元素开头添加内容。例如：`$("element")...

    JQuery常用思路方法

    - `$(“元素名称”).insertBefore(content)`：将该元素插入到另一个元素之前。 - **克隆元素**： - `$(“元素名称”).clone([withDataAndEvents])`：克隆元素，可选择是否复制数据和事件。 - **清空内容**： - ...

    jQuery方法大全

    - `$(元素名称).insertAfter(content)` 和 `$(元素名称).insertBefore(content)`：相应地将元素插入到其他内容之后或之前。 - `$(元素).next(expr)`，`$(元素).prev(expr)`，`$(元素).siblings(expr)`：找到元素的...

    JQuery进阶.docx

    - `insertAfter(content)` 和 `insertBefore(content)`：分别将元素插入到指定元素的后面或前面，提供了与`after`和`before`相反的操作。 - `replaceWith(content|fn)`：将所有匹配的元素替换为指定的HTML或DOM...

    jQuery详细教程

    jQuery详细教程，讲解很透彻， 一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数，隐藏当前的 HTML 元素。...&lt;p&gt;This is a paragraph with little content. &lt;p&gt;This is another small paragraph. ...

    jQuery 1.3 API 参考文档中文版 html

    * insertBefore 和 insertAfter 示例说明翻译错误。 + 事件&gt;load 增加注释 2008-06-18 00:05:15 +0800 + $.ajax中新增3个参数，jsonp,password,scriptCharset 2008-06-17 19:43:30 +0800 * 核心&gt;数据缓存&gt; 第三...

    Jquery常用方法.txt

    - 在元素之前插入: `$("元素名称").insertBefore(content);` - **描述**：将指定元素移动并放置在`content`元素之前。 5. **在元素前面插入内容**: - `$("元素名称").prepend(content);` - **描述**：将内容...

    jquery1.11.0手册

    insertBefore(content) 包裹 wrap(html|ele|fn) unwrap() wrapAll(html|ele) wrapInner(html|ele|fn) 替换 replaceWith(content|fn) replaceAll(selector) 删除 empty() remove([expr]) detach([expr])...

Magicbox
Global site tag (gtag.js) - Google Analytics