jQuery之css操作:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
<script>
$(document).ready(function(){
// $("li").css("backgroundColor","red");
1.单个设置标签的css样式
$("li").css("fontSize","18px").css("backgroundColor","red").css("color","aqua");
});
// 2.css设置多个标签属性
$("li").css({
backgroundColor:"red",
fontSize:"18px",
color:"aquq"
});
//设置多个css属性
//console.log($("li").css("fontSize"));
//获取li标签中的属性
</script>
</head>
<body>
<ul>
<li>这是第一个li标签</li>
<li>这是第二个li标签</li>
<li>这是第三个li标签</li>
<li>这是第四个li标签</li>
</ul>
</body>
</html>