`

jquery demo two button

阅读更多 
<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>
分享到：
| Basics-of-Querying-the-Dom
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics