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>
这样就可以了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)