$("p").append(function(n)n这个参数代表什么?

来源:3-9 jQuery的属性与样式之元素的数据存储

web_東

2018-03-11 00:02

<html>

<head>

<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("button").click(function(){

    $("p").append(function(n){

      return "<b>This p element has index " + n + "</b>";

    });

  });

});

</script>

</head>


<body>

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

<button>在每个 p 元素的结尾添加内容</button>

</body>

</html>


写回答 关注

1回答

  • 慕的地2439609
    2018-03-11 15:31:16

    $("p")这个选择器选中了多个p元素,function(n)中的n就是这些p元素的序号,0、1、2……

    慕的地243... 回复web_東

    在<body>内看到有2个<p>。在<script>中定义了页面加载完事件绑定了按钮的点击事件:点击后在每个<p>中添加一段话。所以点击以后会遍历这两个<p>。那么这两个<p>的先后顺序是什么呢,这个n就是这两个<p>的序号。

    2018-03-14 22:57:34

    共 2 条回复 >

jQuery基础 (一)—样式篇

jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局

217509 学习 · 1218 问题

查看课程

相似问题