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

jquery 控制 after(content)

阅读更多

after(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").after("<b>Hello</b>");
  });
  </script>
  <style>p { background:yellow; }</style>
</head>
<body>
  <p>I would like to say: </p>
</body>
</html>

 

$("p").after("<b>Hello</b>");
在匹配p元素集合的每一个p元素之后加上新的内容‘<b>Hello</b>’

分享到:
评论

相关推荐

    jQuery中after()方法用法实例

    ### jQuery中after()方法详解与应用实例 #### 一、after()方法概述 在jQuery库中,`after()`方法是一个非常实用的功能,主要用于在每个匹配元素之后插入指定的内容。这为网页开发人员提供了极大的灵活性,使得他们...

    JQuery新版中文手册

    after(content|fn) before(content|fn) insertAfter(content) insertBefore(content) 包裹 wrap(html|ele|fn) unwrap() wrapall(html|ele) wrapInner(html|ele|fn) 替换 replaceWith(content|fn) ...

    整合了网上大多数jQuery面试题及答案,最全面超完整jQuery面试题及答案

    * after(content) 方法用于将某个内容追加到元素的后面。 * remove() 方法用于删除某个元素。 * empty() 方法用于清空某个元素的内容。 jQuery CSS 处理 * css(name) 方法用于获取某个元素的样式。 * css(name, ...

    jQuery文档处理.

    1. 插入元素:jQuery提供了多种插入方法,如`append()`、`prepend()`、`before()`和`after()`,可以方便地在现有元素前后插入新的HTML内容。 2. 删除元素:`remove()`方法用于删除匹配的选择器的所有元素。 3. 克隆...

    jquery固定时间轴效果

    可以使用伪元素如`:before`和`:after`来创建垂直线和时间点。 ```css #timeline ul { list-style-type: none; position: relative; } #timeline ul li:before { content: ''; position: absolute; left: 50%;...

    JQuery学习笔记(日常积累)

    - `after()`和`before()`用于在元素后面或前面插入内容。 - `addClass()`和`removeClass()`用于添加或移除CSS类。 - `show()`, `hide()`, `toggle()`用于显示、隐藏或切换元素的可见性。 掌握这些基本概念和方法...

    jQuery 1.5 API 中文版

    $.after( content ), .after( fn() ) $.before( content ), .before( fn() ) $.insertAfter( target ) $.insertBefore( target ) Inserting Around $.unwrap( ) $.wrap( wrappingElement ), .wrap( fn ) $.wrapAll...

    Jquery-pager

    - **事件监听**:jQuery-pager 提供了`beforeChange`和`afterChange`两个事件,可以在分页前后执行特定的操作。 **4. 扩展与优化** - **分页样式库**:可以结合Bootstrap或其他前端框架的分页样式库,提升界面美观...

    jquery-printTable-1.0.js

    * jquery 表格打印插件 * * 作者: LiuJunGuang * 日期:2013年6月4日 * 分页样式(需要自定义): * @media print { * .pageBreak { page-break-after:always; } * } * 使用例子: * $(function(){ * $...

    jquery 气泡型消息

    可以使用`border-radius`实现圆角,`position`属性调整相对位置,`z-index`控制层级。箭头可以通过伪元素`::before`或`::after`来创建。 3. **jQuery插件化**:为了让功能可复用且易于扩展,我们可以将这段代码封装...

    jquery常用的方法

    - `$(”元素名称”).after(content);` - 在元素后面添加内容。 - `$(”元素名称”).append(content);` - 将内容添加到元素的末尾。 - `$(”元素名称”).appendTo(content);` - 将元素添加到其他内容的后面。 - `...

    jQuery 文档操作方法

    语法:`$(selector).after(content)` 参数: * `selector`:选择器,用于选择要插入内容的元素。 * `content`:要插入的内容,可以是 HTML 元素、文本或 jQuery 对象。 返回值:无 示例代码:`$('p').after('&lt;p&gt;...

    jquery函数大全

    - `$(”元素名称”).after(content);` 在匹配元素后面添加内容。 - `$(”元素名称”).append(content);` 将content追加到元素内容的末尾。 - `$(”元素名称”).appendTo(content);` 将元素追加到content后面。 -...

    jQuery常用方法jQuery常用方法

    - **after(content)**: 在每个匹配元素后插入内容。例如:`$("element").after("content");` - **append(content)**: 在每个匹配元素的子元素末尾添加内容。例如:`$("element").append("content");` - **appendTo...

    jQuery 的图片放大

    // Initialize EasyZoom after DOM is ready $(".easyzoom").easyZoom(); }); ``` **3. 结构与用法** EasyZoom 需要两种类型的HTML元素:主图片(原图)和缩略图(预览图)。主图片通常设置为隐藏,缩略图上...

    jquery帮助文档,让你很快了解

    4. **`after(content)` 方法** - **说明**:在被选元素之后插入新的 HTML 元素。 - **参数**: - `content`:HTML 字符串或 jQuery 对象。 - **例子**: ```javascript function jq() { $("div").after("&lt;p&gt;...

    jqueryapi能帮你学会如何用jquery

    此外,jQuery还提供了便利的方法如`append()`、`prepend()`、`before()`、`after()`等,用于在DOM结构中插入、删除或替换元素。 在事件处理上,jQuery统一了事件绑定的接口,比如`$(selector).click(function(){......

    Jquery 1.3 API(对jquery1.3版本中的接口有详细的说明)

    `append()`和`prepend()`用于在元素内部添加内容,`before()`和`after()`用于在元素前后插入内容,`remove()`用于删除元素,`clone()`用于复制元素,`empty()`用于清空元素内容。 3. **属性操作(Attribute ...

Global site tag (gtag.js) - Google Analytics