首页 > 试题广场 >

在开发中，往往需要从后台调用一些数据在前端显示，如何在前端显

[不定项选择题]
在开发中，往往需要从后台调用一些数据在前端显示，如何在前端显示一组无序的数据（      ）
①
$(document).ready(function(e) {
    var $li = $("<li>张三</li>");
    $("ul").append($li);
});
②
$(document).ready(function(e) {
    var $li = $("<li>张三</li>");
    $($li).appendTo("ul");
});
③
$(document).ready(function() {
    var $li = $("<li>张三</li>");
    $($li).append("ul");
});
④ 
$(document).ready(function(e) {
    var $li = $("<li>张三</li>");
    $("ul").appendTo($li);
});

  • ①
  • ②
  • ③
  • ④
查看答案及解析
添加回答
淡写青春头像 淡写青春

1. append(content)方法

方法作用：向每个匹配的元素内部追加内容。

参数介绍：content (<Content>): 要追加到目标中的内容。

用法示例：

HTML代码为<p>I come from </p><p>I love  </p>

向所有p标签中追加一个单词china，则写法为 $("p").append("china");

结果为：<p>I come from china</p><p>I love china </p>

2. appendTo(expr)方法

方法作用：把所有匹配的元素追加到指定的元素元素集合中。

参数介绍：expr (String): 用于匹配元素的jQuery表达式。

用法示例：

HTML代码为<b>I love china </b><p></p>

把标签b追加到p元素中，写法为$("b").appendTo("p");

结果为：><p><b>I love china </b></p>

使用appendTo这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。

发表于 2019-09-09 20:16:06 回复(0)
珠江牛塘头像 珠江牛塘
  • $(父元素).append(子元素)
  • $(子元素).appendTo(父元素)
发表于 2022-08-19 21:53:33 回复(1)
我是大艺术家头像 我是大艺术家
.append()和.appendTo()两种方法功能相同，主要的不同是语法——内容和目标的位置不同
发表于 2019-08-07 12:04:53 回复(0)
acxc头像 acxc
a.append(b):把b追加给a; b.appendTo(a):把b追加给a; 两者等价?!
编辑于 2019-08-06 13:04:32 回复(3)
大二面经头像 大二面经
append是大放小
appendtto是小放大
发表于 2021-06-26 17:37:40 回复(0)
helloworld前端头像 helloworld前端
明知这是意外
发表于 2022-03-23 08:53:49 回复(0)
牛客77253748号头像 牛客77253748号
已经看不懂捷快瑞了
发表于 2021-04-21 19:47:31 回复(0)
异阳头像 异阳
父 .append (子)   子.append(父)
发表于 2020-02-22 18:22:38 回复(1)
沫末头像 沫末
A,B虽然是反过来了，但是功能不是一样的咩？求解答
发表于 2019-08-23 20:54:56 回复(1)
流浪的程序小家头像 流浪的程序小家
2023年了，jquery不用了
发表于 2023-09-09 23:13:55 回复(0)
小杨肖恩sean头像 小杨肖恩sean
append添加是小结构往大结构中添加，又A与B同时成立
发表于 2022-09-29 16:23:33 回复(0)
壞玩具头像 壞玩具
完美避开正确答案

发表于 2021-10-28 15:21:05 回复(0)
Treasure℡头像 Treasure℡
$(): 如果传入一个DOM元素或者是DOM元素的数组，则把DOM元素封装到jQuery对象中并返回。
发表于 2020-10-04 12:56:55 回复(0)
牛客73040576号头像 牛客73040576号
a.append(b):把b追加给a; b.appendTo(a):把b追加给a; 两者等价
发表于 2020-08-13 21:01:20 回复(0)
牛客60040734号头像 牛客60040734号


注意：题目B选项的 "·张三"   其实是     "<li>张三<li>"
编辑于 2020-07-01 11:16:37 回复(0)
提交观点

问题信息

前端工程师 爱奇艺 2019 Javascript
上传者：小小
难度：
15条回答 2647浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号