<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<div>
<h3>“无聊”聊天室</h3>
<ul>
<li>美女：你好啊!</li>
<li>帅哥：你也好!</li>
<li>美女：在干什么?</li>
<li>帅哥：没事做啊，你在干啥？</li>
</ul>
<button>querySelector</button>
<input type="button" name="" value="jquery"/>
</div>
</body>
<script type="text/javascript">
var btn=document.querySelector('button');
btn.onclick=function(){
var li=document.querySelectorAll('.boy');
var li1=document.querySelectorAll('.girl');
var ul=document.querySelector('ul')
ul.style.width='200px';
ul.style.listStyle='none';
for(i=0;i<li.length;i++){
li[i].style.backgroundColor='yellow';
}
for(i=0;i<li1.length;i++){
li1[i].style.backgroundColor='red';
}
}
$('input').on('click',function(){
$('div').css('background','skyblue').css('width','300px');
})
</script>
</html>
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
Collection
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
