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

html-css016

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

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

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

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

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

html是超文本标记语言,作用就是用来公司浏览器你的网页要怎么显示给用户,

js是脚本语言,js的作用是行为,例如操作DOM等

css是样式,作用是用来装饰页面。

div是一个标签,我们通常叫他盒子,div也是属于html,它是一个块元素,占一整行。

写网页就像是建房子,html就是相当于房子的主体架构,div就是相当于房间,css就是相当于装修房子,把房子设置得好看的。js就是相当于家电,例如:灯光,你需要按下按钮之后才亮起来。

可以改变 "div" 元素的高度(jQuery的animate方法):

$(".btn1").click(function(){

  $("#box").animate({height:"300px"})

})

也可以设置溢出隐藏:

<div style="min-height:10pxoverflow:hidden">

    <div style="margin-top:-800px">content more..</div>

</div>

第二种方式也需要js动态改变div style里面的margin-top。