老师,动态添加图片
老师,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>`));
}
都是可以实现的,但是有几点不太明白
append里面直接加$也就是添加jq对象和不直接加$也就是dom元素有啥区别吗?
$("div ul").append($(`<li><img src='img/${i+1}.jpg'></li>`));这种写法$(``),通常里面不是$('')或者$("")是双引号或者单引号,直接$(``),也是模版字符串吗?
3.${i+1}这么写不太理解,大括号括住还好理解,外面 又加个$不太明白这种写法?
正在回答
同学你好,解答如下:
(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)指的是括号外的$,如下:
(3)该效果建议使用js去实现。
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
同学你好,解答如下:
(1)区别:DOM对象是我们用传统的方法(javascript)获得的对象;
jQuery对象就是用jQuery的类库选择器获得的对象;
JQuery对象是jQuery独有的,其可以使用jQuery里的方法,但是不能使用DOM的方法;
(2)反引号`` 是es6中的模版字符串。`` 是允许嵌入表达式的字符串字面量。
$代表的可能是jq对象。
(3)用${}来表示模板占位符,可以将你已经定义好的变量传进括弧中。举例:
关于es6的这些知识会在后期的第四阶段中讲到,同学可以等学到的时候仔细了解一下。
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
- 参与学习 人
- 提交作业 209 份
- 解答问题 3299 个
本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星