救命，如何用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会变为蓝色文本。

通过js来改变CSS属性，使用jQuery可以很方便的实现，像这样：

$("img").css('border-color','red')

就可以把边框颜色都变成红色。

这是针对此问题的测试页面

2、这是3张图片

<img src='https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=975878983,2392470128&fm=11&gp=0.jpg'>

<img src='https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=61343736,951557457&fm=11&gp=0.jpg'>

<img src='https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1354592590,1762022981&fm=11&gp=0.jpg'>

3、这是图片的样式，边框默认为灰色。

img{

max-width:200px

border-color:gray

border-width:10px

border-style:solid

}

4、现在通过这几行用到jQuery的代码，控制图片边框根据鼠标移入移出边框变灰和变红。

$(function(){

$("img").on('mouseover',function(){

$(this).css('border-color','red')

}).on('mouseout',function(){

$(this).css('border-color','gray')

})

})

5、效果如图

在jsp文件中引入css和js文件方法如下：

一：

1， 首先把写好的css样式表内容存为*.css格式。如style.css

2， 在页面中引入这个css 样式文件。用如下的方式引入。

<link rel="stylesheet" href="./css/style.css" type="text/css">

此处的href=”./css/style.css”指的是css文件存放的路径。‘.’请示当前目录（就是与引入 css文件的jsp页面在同一目录）

二：

在jsp页面引入javascript文件与引入css样式文件类似。如下引入；

<script language='javascript' src='js/TreeToc.js'></script>

通过<script>标签的src属性。Javascript文件必须以.js这种形式存放。如上面的TreeToe.js，src属性指向javascript文件的路径。

---