Jquery--与样式交互

最新推荐文章于 2024-07-05 14:21:58 发布

BtWangZhi

最新推荐文章于 2024-07-05 14:21:58 发布

阅读量119

点赞数

分类专栏： JS/Jquery/Ajax

本文链接：https://blog.csdn.net/BtWangZhi/article/details/86307187

版权

JS/Jquery/Ajax 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
	content="width=device-width,initial-scale=1, maximum-scale=1, user-scalable=no">
<title></title>
</head>
<body>
	<div id="testDiv" style="width:50px;height:50px;">
		1234
	</div>
	<div id="testDiv02">
		11
	</div>

	<input type="button" id="divShow" onclick="showDiv()" value="显示">
	<!-- <input type="button" onclick="hideDiv()" value="隐藏"> -->
	<input type="button" onclick="$('#testDiv').hide();$('#testDiv02').text('5678');" value="隐藏">

	<!-- 触发方法 -->
</body>
<script type="text/javascript" src="./jquery-1.10.2.js"></script>
<script type="text/javascript">

		function showDiv(){
			console.log(124);
			console.log($("#testDiv"));
			
			//改变样式
			$("#testDiv").css("color","red");

			//改变text
			$("#testDiv").text("5678");
			//显示
			$("#testDiv").fadeIn();
		}

		function hideDiv(){
			//隐藏
			$("#testDiv").hide();

			//根据id触发方法
			$("#divShow").click();
		}
</script>
</html>

参考：https://www.cnblogs.com/66-88/articles/6627360.html

BtWangZhi

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery--与样式交互

&lt;!doctype html&gt;&lt;html lang="en"&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, user-scala
复制链接

扫一扫

专栏目录