救命，如何用js给div标签添加css属性，当鼠标事件发生的时候，譬如点击某个元素

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<script>标签，输入js代码：$('div').click(function () {$(this).css('color', 'blue')})。

3、浏览器运行index.html页面，此时点击123所在的div，div会变为蓝色文本。

在div中添加内容和为添加的内容设置样式可以使用HTML和CSS来完成。

使用HTML: 在div标签中添加文本或其他标签。例如，可以在div中添加p标签来添加文本。

<div id="myDiv">

  <p>这是我的div中的文本内容</p>

</div>

使用CSS: 为添加的内容设置样式. 通过选择器，找到需要设置样式的元素，然后给它设置样式。例如，可以使用id选择器来设置文本的颜色。

#myDiv p {   color: red

}

这样就可以在div中添加文本内容并为其设置样式.

不过,需要注意的是这只是一种简单的方法,在实际应用中,如果要让样式更加美观和丰富，你可以使用更多的CSS选择器和属性，还可以使用JavaScript来动态的添加和修改内容。

1、先启动DW软件，新建文档，文档类型选择【</>HTML】-【XHTML1.0】，然后点击【创建】。

2、点击创建后，DW会为你创建一个HTML文件。我们在body标签中加入一个div标签组。

3、然后在div标签中输入下图中的代码，style代表了这个div直接引入了CSS属性值。（div的宽、高、字体颜色），这样就成功啦。属性值要在英文的引号中，否则是不起作用的呢。

嵌入式引入CSS样式方法

1、我们创建一个HTML页面，在body标签中添加一个div标签组。

2、然后在上面的head标签中（title标签下），输入引用CSS的代码style标签。

3、然后在标签中输入一个CSS名称以及相关的样式。要注意看下图的格式，别少输入了。

4、最后在下方的div标签中，引入cass，并输入对应的样式名称。这样就成功引入了CSS样式啦。这就是嵌入式的方法。

---