4.20作业--jQuery

1.使用jquery修改div元素的背景色(随意颜色)
2.使用jquery修改div的子元素p的内容为"我是子元素"
3.使用jquery修改第二个p元素的背景色为"orange"
4.使用jquery克隆方法.请克隆p元素并且修改"克隆的p元素"内容为"我是克隆体"，并添加到"被克隆p元素"的后面
5.删除列表元素中最后一个li元素

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>作业</title><style>div {width: 200px;height: 210px;background-color: aqua;margin: auto;margin-top: 20px;text-align: center;}button {background-color: aqua;}</style>
</head><body><button id="change1">点击改变背景颜色</button><button id="change2">点击修改子元素内容</button><button id="change3">点击修改p元素背景</button><button id="cv">点击克隆p元素</button><button id="del">点击删除最后的li元素</button><div><p>关关雎鸠，在河之洲。</p><p>窈窕淑女，君子好逑。</p><p>参差荇菜，左右流之。</p><p>窈窕淑女，寤寐求之。</p><p>求之不得，寤寐思服。</p><p>悠哉悠哉，辗转反侧。</p><ul><li>《西游记》</li><li>《红楼梦》</li><li>《水浒传》</li><li>《三国演义》</li><li>《金瓶梅》</li></ul></div><script src="D:/web/study/day07/js/jquery-3.6.0.min.js"></script><script>$("#change1").click(function () {$("div").css("background-color", "red");});$("#change2").click(function () {var str = "我是子元素";$("p").text(str);});$("#change3").click(function () {$("p").eq(1).css("background-color", "orange");});$("#cv").click(function () {var c = $("p:first").clone().text("我是克隆体")$("p:first").after(c);});$("#del").click(function () {$("li").last().remove();// var arr = $("li").siblings(); // $("li").eq(arr.length-1).remove();});</script>
</body></html>

4.20作业--jQuery相关推荐

20个jQuery 图片及多媒体画廊插件
在本文中,我们将一起看一看20款最好的jquery插件,你可以利用它轻松创建功能丰富的画廊.这其中的一些支持多媒体格式,比如视频和Flash,也有一些可能是老面孔了,可以说是经过时间验证,非常可靠. ...
20道jQuery 常见的面试问题和答案
在使用这个优秀的库之前写过原生的JavaScript,仅仅在用过它的一个月之后,我就能意识到jQuery的真正力量. 鉴于它的巨大人气,有关jQuery的面试问题,以及有关HTML和JavaScrip ...
最常见的20道jQuery经典面试题
1. jQuery 库中的 $() 是什么?(答案如下) $() 函数是 jQuery() 函数的别称,乍一看这很怪异,还使 jQuery 代码晦涩难懂.一旦你适应了,你会爱上它的简洁.$() 函数用 ...
最常见的 20 个 jQuery 面试问题及答案
毫无疑问,jQuery给了JavaScript急需的提振,这是一门如此有用,但同时总是常常被低估的语言. 在 jQuery 粉墨登场之前,我们曾今会写出冗长的JavaScript代码,不仅仅为更大型的 ...
20 个 jQuery 超酷视觉效果构建教程推荐
作为web开发程序员来说,我们都非常喜欢jQuery构造的超酷视觉效果.本文中我们将精选一组jQuery效果教程.大家将从这些教程中学习如何开发超级酷的视觉效果特效.根据这些教程,大家可以一步一步构建 ...
【渝粤教育】电大中专跨境电子商务理论与实务 (20)作业题库
1.自营型平台的代表企业有敦煌网．大龙网．米兰网.该说法( ) A.正确 B.错误错误正确答案:左边查询学生答案:A 2.跨境电子商务对接"中国制造"激活了"买卖全 ...
【渝粤教育】电大中专市场营销管理20作业题库
1.市场营销没有宏观市场营销和微观市场营销之分.该说法:( ) A.错误 B.正确错误正确答案:左边查询学生答案:B 2.战略选择的陷阱有:盲目跟随.墨守成规.军备竞赛.多方出击.孤注一掷.本末 ...
20 best jquery 截图
digg uka, January 05, 2012 jQuery Image Crop - A very useful list of tools for cropping, zooming and ...
【渝粤教育】电大中专电子商务网站建设与维护 (20)作业题库
1.阿里巴巴的创始人是( ) A.马化腾 B.李彦宏 C.马云 D.丁磊正确正确答案:左边查询学生答案:C 2.目前,阿里巴巴集团旗下主要交易市场不包括哪个( ) A.中国交易市场 B.国际交易 ...

4.20作业--jQuery

4.20作业--jQuery相关推荐

最新文章

热门文章