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

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

<!DOCTYPE HTML>

<html>

<head>

<title>yugi</title>

<meta charset=UTF-8 />

<style type="text/css">

.red {

background-color: red

}

</style>

<script type="text/javascript" src="jquery-1.8.0.min.js"></script>

<script type="text/javascript">

jQuery (function ()

    {

    $ ("div").click (function ()

    {

    $ (this).addClass ("red").siblings ("div").removeClass ("red")

    })

    })

</script>

</head>

<body>

<div>1</div>

<div>2</div>

<div>3</div>

<div>4</div>

<div>5</div>

</body>

</html>

添加div,用javascript自带的createElement创建一个div就可以了;

<script>

    var oDiv = document.createElement('div')

    oDiv.innerHTML = '添加的div'

    document.body.appendChild(oDiv)

</sciprt>

这样就可以了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11513750.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存