老师,动态添加图片

老师,动态添加图片

老师,js动态添加图片,

for(var i=0;i<28;i++){

$("div ul").append(`<li><img src='img/${i+1}.jpg'></li>`);

}

或者

for(var i=0;i<28;i++){

$("div ul").append($(`<li><img src='img/${i+1}.jpg'></li>`));

}

都是可以实现的,但是有几点不太明白

  1. append里面直接加$也就是添加jq对象和不直接加$也就是dom元素有啥区别吗?

  2. $("div ul").append($(`<li><img src='img/${i+1}.jpg'></li>`));这种写法$(``),通常里面不是$('')或者$("")是双引号或者单引号,直接$(``),也是模版字符串吗?

    3.${i+1}这么写不太理解,大括号括住还好理解,外面 又加个$不太明白这种写法?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,解答如下:

(1)理解是有问题的,jQuery无法使用DOM对象的任何方法,DOM对象也不能使用jQuery里的方法。

$("div ul").append(`<li><img src='img/${i+1}.jpg'></li>`); 和

$("div ul").append($(`<li><img src='img/${i+1}.jpg'></li>`));

这两行代码中,$("div ul")都是jq对象。而下面代码中${}是模版字符串。

(2)指的是括号外的$,如下: 

http://img1.sycdn.imooc.com//climg/5e577f100919e63a03010044.jpg

http://img1.sycdn.imooc.com//climg/5e577f1709f6134701830076.jpg

(3)该效果建议使用js去实现。

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

好帮手慕码 2020-02-27 15:34:31

同学你好,解答如下:

(1)区别:DOM对象是我们用传统的方法(javascript)获得的对象;

jQuery对象就是用jQuery的类库选择器获得的对象;

JQuery对象是jQuery独有的,其可以使用jQuery里的方法,但是不能使用DOM的方法;

(2)反引号`` 是es6中的模版字符串。`` 是允许嵌入表达式的字符串字面量。

http://img1.sycdn.imooc.com//climg/5e575ae60912812601810028.jpg

$代表的可能是jq对象。

(3)用${}来表示模板占位符,可以将你已经定义好的变量传进括弧中。举例:

http://img1.sycdn.imooc.com//climg/5e575e2509ae327e02130054.jpg

关于es6的这些知识会在后期的第四阶段中讲到,同学可以等学到的时候仔细了解一下。

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

  • 提问者 慕盖茨9092533 #1
    老师,1."JQuery对象是jQuery独有的,其可以使用jQuery里的方法,但是不能使用DOM的方法;",这句话的意思是,jq对象和dom对象都可以使用jq的方法,比如上面的append()方法,但是jq对象不能使用dom的方法,我的理解对吗? 2.“$代表的可能是jq对象。”,老师,这个$代表jq对象,你指的是哪个$? $(`<li><img src='img/${i+1}.jpg'></li>`)这个括号外的$,还是模版占位符的${}的$? 3.老师,还有一个问题,作业中图片宽度设置百分比,高度想设置成和宽度一样,除了在js中设置,css中有什么方法可以设置吗
    2020-02-27 16:09:29
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师