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

1. 代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	<script type="text/javascript" src="js/jquery-3.3.1.min.js">
	</script>
	<!--
    	作者:[email protected]
    	时间:2020-09-17
    	描述:按钮:触发点击事件
    		按钮1 按钮2通过点击事件作出改变
    -->
	<script type="text/javascript">
			
		function f() {
     
     
			$(".t")[0].innerText = "更新按钮内容";
			$(".t").get(1).style.background="red";
		}
		
	</script>
	</head>
	
	<body>
		
		<button onclick="f()">按钮</button>
		<button class="t">按钮1</button>
		<button class="t">按钮2</button>
		
	</body>
</html>

2. 代码分析与实现

1

2

3

猜你喜欢

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