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字符串。

 

原帖地址:http://www.w3school.com.cn/jquery/manipulation_after.asp

  

时间: 2024-09-08 10:30:03

jQuery中after的用法的相关文章

Jquery中基本选择器用法实例详解

  本文实例讲述了Jquery中基本选择器用法.分享给大家供大家参考.具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 <!DOCTYPE html PUBLIC "-//W3C//DTD X

JQuery中层次选择器用法实例详解

  本文实例讲述了JQuery中层次选择器用法.分享给大家供大家参考.具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 <!DOCTYPE html PUBLIC "-//W3C//DT

JQuery中Text方法用法实例分析

  本文实例讲述了JQuery中Text方法用法.分享给大家供大家参考.具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&g

JQuery中Bind()事件用法分析

这篇文章主要介绍了JQuery中Bind()事件用法,实例分析了Bind()事件的功能.特点与绑定事件时的使用技巧,需要的朋友可以参考下 本文实例分析了JQuery中Bind()事件用法.分享给大家供大家参考.具体分析如下: 我们先看一下它的定义: ? 1 .bind( eventType [, eventData], handler(eventObject)) .Bind()方法的主要功能是在向它绑定的对象上面提供一些事件方法的行为.期中它的三个参数的意义分别如下: eventType是一个字

jQuery中next方法用法讲解

  jQuery中next方法用法讲解         这篇文章主要介绍了jQuery中next方法用法,实例分析了jQuery中next方法的功能.定义及相关使用技巧,需要的朋友可以参考下 本文实例讲述了jQuery中next方法用法.分享给大家供大家参考.具体分析如下: 这里演示jQuery中next的用法,可取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合. 这个函数只返回后面那个紧邻的同辈元素,而不是后面所有的同辈元素. 可以用一个可选的表达式进行筛选 ? 1 2 3

jQuery中unwrap()方法用法实例

 这篇文章主要介绍了jQuery中unwrap()方法用法,实例分析了unwrap()方法的定义.功能及移除匹配元素父元素的使用技巧,需要的朋友可以参考下     本文实例讲述了jQuery中unwrap()方法用法.分享给大家供大家参考.具体分析如下: 此方法将移除匹配元素的父元素. 从方法的字面意思可以看出是清除wrap()方法的效果. 语法: 代码如下: $(selector).unwrap() 实例代码:     代码如下: <!DOCTYPE html PUBLIC "-//W3

jQuery中wrapAll()方法用法实例

 这篇文章主要介绍了jQuery中wrapAll()方法用法,实例分析了wrapAll()方法的功能.定义及匹配元素的使用技巧,需要的朋友可以参考下     本文实例讲述了jQuery中wrapAll()方法用法.分享给大家供大家参考.具体分析如下: 此方法将所有匹配的元素用单个元素包裹起来. 此方法与wrap()方法虽然功能类似,但是有着很大区别.wrap()方法会把每一个匹配的元素都匹配一次. 语法一: 用指定的DOM元素去包裹匹配元素. 复制代码 代码如下: $(selector).wra

jQuery中wrapInner()方法用法实例

 这篇文章主要介绍了jQuery中wrapInner()方法用法,实例分析了wrapInner()方法的功能.定义及包裹匹配元素的使用技巧,需要的朋友可以参考下     本文实例讲述了jQuery中wrapInner()方法用法.分享给大家供大家参考.具体分析如下: 此方法使用指定的HTML内容或元素将匹配的元素内容包裹起来. 语法一: 用指定的DOM元素去包裹匹配元素的内容. 代码如下: $(selector).wrapInner(elem) 参数列表: 参数 描述 elem 用于包裹目标的D

jQuery中replaceAll()方法用法实例

 这篇文章主要介绍了jQuery中replaceAll()方法用法,实例分析了replaceAll()方法的功能.定义及匹配元素去替换指定内容的方法,需要的朋友可以参考下     本文实例讲述了jQuery中replaceAll()方法用法.分享给大家供大家参考.具体分析如下: 此方法用匹配元素去替换指定的内容. replaceAll()方法的作用和replaceWith()方法是完全一样的. 语法结构: 代码如下: $(content).replaceAll(selector)   参数列表:

jQuery中empty()方法用法实例

 这篇文章主要介绍了jQuery中empty()方法用法,以实例形式分析了empty()方法的功能.定义及将匹配元素中的所有内容移除的使用技巧,需要的朋友可以参考下     本文实例讲述了jQuery中empty()方法用法.分享给大家供大家参考.具体分析如下: 此方法能够将匹配元素中的所有内容移除,包括所有文本和子节点. 语法结构: 代码如下: $(selector).empty()   实例代码:   代码如下: <!DOCTYPE html> <html> <head&