`
yn2010
  • 浏览: 23844 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

jQuery中after的用法

阅读更多
after() 方法在被选元素后插入指定的内容。

法一:

在每个p元素后插入内容:

$("button").click(function(){
      $("p").after("<p>Hello world!</p>");
});

法二:

$("button").click(function(){
    $("p").after(function(n){
            return "<p>The p element above has index " + n + "</p>";
    });

});

after中函数必须返回一个html字符串。

分享到:
评论

相关推荐

    jQuery中after()方法用法实例

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

    jquery 中文使用说明

    在网页中使用 jQuery,首先需要引入 jQuery 库的 JavaScript 文件。通常,你可以通过 CDN(内容分发网络)来获取最新版本的 jQuery,或者将其下载到本地项目中。例如,在 HTML 文件的 `&lt;head&gt;` 标签内添加以下代码...

    jQuery中after的两种用法实例

    总结来说,`after()`方法是jQuery中的一个重要工具,它帮助开发者轻松地在DOM结构中添加内容,提升网页的动态效果和用户体验。无论是简单的文本插入还是复杂的动态生成内容,`after()`都能提供高效且灵活的解决方案...

    after the deadline jquery

    要使用"After the Deadline jQuery",首先需要在你的项目中引入jQuery库,然后下载并引用atd-jquery文件,这是插件的实现代码。在HTML元素(如文本框或富文本编辑器)上应用相应的jQuery选择器和方法,以激活拼写...

    jquery 中文文档

    jQuery的生态系统中有众多插件,它们扩展了jQuery的功能,如jQuery UI提供丰富的用户界面组件,Bootstrap jQuery插件简化了响应式布局的构建,而jQuery Form Plugin则简化了表单的异步提交。 八、版本更新与变更 从...

    jQuery中文文档(API)

    总的来说,这份"jQuery中文文档(API)"涵盖了jQuery的基本用法和高级特性,包括选择器、DOM操作、事件处理、动画和Ajax,以及插件的使用。对于任何希望提升JavaScript开发效率的开发者来说,都是不可或缺的学习资料...

    jquery1.7中文参考手册

    《jQuery 1.7中文参考手册》是一本详细介绍jQuery库1.7版本的资源文档,主要涵盖该版本中各种函数、方法和API的使用。jQuery是JavaScript的一个库,它极大地简化了JavaScript编程,使得网页交互变得更加简单高效。该...

    重新认识Jquery中的html()方法

    如果只需要更新部分内容,可以考虑使用`.append()`、`.prepend()`、`.before()`或`.after()`等方法,它们更高效。 8. 数据绑定: 如果HTML中包含了数据绑定,如AngularJS的`ng-*`指令,使用`html()`可能会影响数据...

    JQuery1.2.3下载 和 JQuery中文帮助文档

    JQuery 1.2.3的中文帮助文档对于中国开发者来说是一份宝贵的资源,它解释了库的每个函数和方法,帮助读者理解其用法和应用场景。通过这份文档,你可以详细学习到如何使用JQuery来提高网页开发的效率和效果,无论是...

    jquery-1.7.1 及 jquery1.4.1中文手册(最新)

    **jQuery 1.4.1中文手册** `jQueryAPI-100214.chm`是开发者的重要参考资料,它详细介绍了jQuery的各个API,包括函数用法、参数说明和示例,帮助开发者深入理解和使用jQuery。 总之,这个压缩包提供了jQuery的基础和...

    精通jquery(中文第二版)_扫描版_以及源代码

    3. **DOM操作**:详细解析jQuery中的DOM操作方法,如append、prepend、before、after、html、text等,帮助开发者高效地改变页面内容。 4. **CSS和样式操作**:讲解如何通过jQuery修改元素的样式,包括获取和设置CSS...

    Jquery API 1.4(中文)+ Jquery 1.42

    《jQuery API 1.4(中文)》及jQuery 1.4.2详解 ...对于初学者,建议结合《jQuery API 1.4(中文)》的CHM文档进行学习,以便查阅和理解各种函数的用法和示例。同时,不断实践和实验,将理论知识转化为实际技能。

    Jquery 中文API 2.2与1.83

    本文将深入探讨jQuery中文API 2.2和1.83版本中的关键功能和用法。 一、选择器(Selectors) jQuery的选择器功能强大,能够直接通过CSS语法选取DOM元素。在2.2和1.83版本中,包括ID选择器(#id),类选择器(.class),...

    jQuery 1.7 中文 API

    - `.on()`:1.7版本中,`.bind()`, `.live()`, 和 `.delegate()` 被 `.on()` 方法取代,统一处理事件绑定。 - `.off()`:移除事件监听器。 - `.trigger()`:触发指定的事件。 4. **动画(Animation)** - `....

    JQuery有用属性和方法截图

    在DOM元素操作方面,文档介绍了如何使用`var()`、`after()`、`before()`、`insertBefore()`和`insertAfter()`方法。这些方法是用于在特定元素之前后插入新元素,或者更改现有元素内容的重要工具。 替换操作在JQuery...

    Jquery演示 jquerydemo jquery常用

    `append()`, `prepend()`, `before()`, `after()`等方法可实现元素的插入和排列。 ### 三、事件处理 jQuery简化了事件绑定。`$(element).click(function(){...})`用于绑定点击事件,`$(element).on('event', ...

    jQuery API 中文手册

    《jQuery API 中文手册》是前端开发者不可或缺的参考资料,它详尽地介绍了jQuery库的各种功能和用法。jQuery,作为一款强大的JavaScript库,极大地简化了DOM操作、事件处理、动画制作以及Ajax交互等任务,使得...

    最新版JQuery-jquery-3.2.1.min.js

    在压缩包中的"jQuery API 中文文档3.2.1",为开发者提供了详细的API文档,帮助理解每个方法的用途、参数和返回值,是学习和使用jQuery的宝贵资源。确保查阅这些文档,以便更好地理解和应用jQuery 3.2.1的新特性。 ...

    jqueryAPI jquery使用文档

    jQuery API 是开发者使用jQuery进行网页开发的重要参考资料,它提供了丰富的函数和方法,帮助我们高效地实现各种功能。 一、选择器(Selectors) jQuery 的核心功能之一就是选择器,它借鉴了CSS的选择器语法,使得...

Global site tag (gtag.js) - Google Analytics