htmledit_views">

1:使用工具Viual Studi0 2015

2:网页效果:当点击页面上带有背景颜色的div标签；这个页面的背景颜色将会变为被点击div标签的背景颜色;

 

HTML部分:

父元素类名为yin的div标签包含五个子元素div标签;

 

 

Css部分

首先通过通配符设置整个页面的内外边距为零

选中div标签中带有mr的类将它的宽,高分别设置为100像素

通过类名选择各个div标签并设置它的颜色;

选中类名为yin的div标签;通过弹性布局display:flex改变div标签的排列方式;

 

 

jQuery部分:

jQuery语法是为HTML元素的选取编制的,可以对元素执行某些操作.

基础语法是:$(selector).action()

美元符号定义jQuery

选择符(selector)”查询”和”查找”HTML元素

jQuery的action()执行对元素的操作;

通个script标签引入名称为bootstrap-4.13-dist/js/html" title=jquery>jquery-3.2.1.min.js的插件;(如果没有引入，下面script中的代码将不会带来效果)

通过$，选择类名为yin1的div标签;并为div标签添加点击事件;

在点击事件中选中并设置body的背景颜色为被点击div标签的背景颜色;