jquery demo two button

最新推荐文章于 2024-07-06 16:47:02 发布

gedoua

最新推荐文章于 2024-07-06 16:47:02 发布

阅读量81

点赞数

分类专栏： html&css 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/gedoua/article/details/84200202

版权

html&css 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<html>
<head>
	<title></title>
	<script type="text/javascript" src="js/jquery-1.7.2.js"></script>	
	<link rel="stylesheet" href="css/day.css">
</head>
<body>
	<h1>My Blog</h1>

	<button data-file="Day">Day</button>
	<button data-file="Night">Night</button>

<script type="text/javascript">
	(function () {
		var link = $('link');
		$('button').on('click', function() {
			var $this = $(this),
				stylesheet = $(this).data('file');

			link.attr('href', 'css/' + stylesheet + '.css');

			$this
				.siblings('button')
				.removeAttr('disabled')
				.end()
				.attr('disabled', 'disabled');
		}) ;
	})();
</script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

gedoua

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery demo two button

[code="java"] My Blog Day Night (function () { var link = $('link'); $('button').on('click', function() { var $this = $(this), stylesheet = $(this).data('f...
复制链接

扫一扫