Web_jQuery入门案例分析3:jq与js的转换2

1. 代码功能实现

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--
        	作者:[email protected]
        	时间:2020-09-17
        	描述:按钮1 显示金色
        -->
		
		<script type="text/javascript" src="js/jquery-3.3.1.min.js">
			
		</script>
		
		<script type="text/javascript">
			function f() {
     
     
				
				var b = document.getElementById("b");
				$(b).css("background","gold");
				$("#b").css("background","aqua");
				
			}
		</script>
		
	</head>
	<body>
		
		<button onclick="f()">按钮</button>
		<button id="b">按钮变化</button>
		
	</body>
</html>

1

效果展示

1

2

猜你喜欢

转载自blog.csdn.net/zhu_fangyuan/article/details/108652594