jQuery中使用switch case 语句更改按钮上的文本值

最新推荐文章于 2024-07-26 03:35:47 发布

Aquarius丶风

最新推荐文章于 2024-07-26 03:35:47 发布

阅读量1.9k

点赞数

文章标签： jQuery HTML

本文链接：https://blog.csdn.net/xw2389801915/article/details/84486302

版权

jQuery中使用switch case 语句更改按钮上的文本值

// <!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>js中的switch语句</title>
		<script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
	</head>

	<body>

		<p>jQuery中使用switch case 语句更改按钮上的文本值</p>
		<button id="demo">今天的时间</button>
		<script>
			/*页面加载事件*/
			$(document).ready(function(){ 
				var x;
				/*暂时用日期进行测试*/
				var d = new Date().getDay();
				switch(d) {
					case 0:
						/*改变按钮上的文本值*/
						x = $(function() {
							$("#demo").text("今天是周日");
						});
						break;
					case 1:
						x = $(function() {
							$("#demo").text("今天是周一");
						});
						break;
					case 2:
						x = $(function() {
							$("#demo").text("今天是周二");
						});
						break;
					case 3:
						x = $(function() {
							$("#demo").text("今天是周三");
						});
						break;
					case 4:
						x = $(function() {
							$("#demo").text("今天是周四");
						});
						break;
					case 5:
						x = $(function() {
							$("#demo").text("今天是周五");
						});
						break;
					case 6:
						x = $(function() {
							$("#demo").text("今天是周六");
						});
						break;
				}

			});
		</script>
	</body>

</html>