`

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
评论
发表评论

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

相关推荐

    jquery例子大全 jquery demo

    在“jQuery例子大全 jQuery demo”这个压缩包中，包含了一系列的示例，旨在帮助用户快速理解和掌握jQuery的核心概念及常用方法。** ### 一、jQuery 基本使用 jQuery 的核心在于它的选择器，它允许我们方便地选取...

    jquerydemo锋利的jQuery的demo

    3. **事件处理**：监听用户行为，如`$("input[type='button']").click(function() { alert("Button clicked!"); })`当按钮被点击时弹出警告框。 4. **动画效果**：创建动画，如`$("#myDiv").fadeIn(1000)`使指定div...

    jquerydemo

    1. 第一个 jQuery 程序 2. jQuery 对象和 DOM 对象 3. 基本选择器 4. 层次选择器 5. 基本过滤选择器 6. 内容过滤选择器 7. 可见性过滤选择器 8. 属性过滤选择器 9. 子元素过滤选择器 10. 表单元素过滤选择器 11. 小...

    30个jquery经典Demo

    《jQuery经典Demo详解：探索30个精彩实例》 jQuery，作为一款强大的JavaScript库，以其简洁的API和高效的功能，深受Web开发者的喜爱。这里我们聚焦于30个经典的jQuery Demo，它们涵盖了从基础交互到复杂动画的各种...

    Jquery演示 jquerydemo jquery常用

    **jQuery 演示：深入理解与应用** jQuery 是一个高效、简洁且功能丰富的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画...这个"jQuerydemo"压缩包中的案例，将会是你学习和探索jQuery的宝贵资源。

    jQuery demo例子下载

    在提供的 "jQuery Demo" 压缩包中，包含了若干 jQuery 的示例代码，你可以通过查看这些示例学习如何使用jQuery实现各种功能。例如，可能包含有简单的元素选择和操作示例、事件处理示例、动画效果示例以及AJAX请求...

    JQuery功能测试源码_jquerydemo.zip

    总结，"JQuery功能测试源码_jquerydemo.zip"提供了一个深入学习和实践jQuery功能的平台，涵盖了选择器、DOM操作、事件处理、动画和Ajax等多个方面。通过学习和解析这些源码，我们可以深化对jQuery的理解，提升我们的...

    Ajax+JQuery应用Demo

    工作之余写的一些Ajax应用，有6个Demo,数据库为mysql，使用之前看readme.txt。javascript与jquery混用。无刷新购物车、输入提示、表格局部刷新、xml实时数据更新、划词解释。

    jquery demo

    标题"jquery demo"表明我们将探讨jQuery在实际应用中的示例，而描述则强调了jQuery如何帮助开发者提高效率，减少代码并提升用户体验。 1. **jQuery的引入与基本使用** 要在网页中使用jQuery，首先需要通过`...

    json +jquery DEMO AJAX

    在本DEMO中，我们将探讨如何结合JSON和jQuery实现AJAX交互。 首先，了解jQuery的AJAX方法。主要有`$.ajax()`, `$.get()`, `$.post()`等。其中，`$.ajax()`是最全面的，可以配置各种选项，如URL、类型（GET或POST）...

    Lazy Load Plugin for jQuery demo

    标题 "Lazy Load Plugin for jQuery demo" 暗示这是一个关于如何使用 jQuery Lazy Load 插件的实际演示。在这个项目中，我们可以期待看到如何配置和集成该插件，以及在不同场景下它的实际运行效果。这个演示可能包含...

    JQUERY demo+api

    标题中的"JQUERY demo+api"表明我们将探讨jQuery的基本概念、常见用法以及API的详细说明。 首先，jQuery的核心理念是“写得更少，做得更多”（Write Less, Do More）。它通过提供简洁的语法，使得开发者能够快速...

    jQuery各类炫酷效果demo

    本压缩包“jQuery各类炫酷效果demo”包含了一系列使用jQuery实现的精彩示例，旨在帮助开发者更好地理解和应用jQuery。 首先，让我们详细探讨一些在描述中提到的效果： 1. **表单验证**：jQuery提供了方便的API来...

    50个JQUERY的DEMO

    本篇文章将根据"50个JQUERY的DEMO"这个主题，深入探讨这50个示例中的关键知识点，旨在帮助读者更好地理解和运用jQuery。 1. **选择器**：jQuery的选择器是其强大的核心之一，如`$("#id")`用于选取ID为特定值的元素...

    jQuery Demo 网页特效-精心收集的jQuery Demo演示

    Table-选项卡jQuery 包含： ...手风琴效果 demo 水平或垂直的列表滑动 jcarousel 图片的缩放-放大鼠标移上的部分jquery 拖拽插件jquery 拖拽树形菜单 Draggables and droppables.files 相片画廊jquery

    jQueryDemo例子

    里面有： 【经典】图片切换展示.html 【经典】图片切换，带标题文字.html 【经典】多行滚动.html 【经典】导航效果.html 【经典】幕帘伸缩广告.html 【经典】弹出层菜单.html 【经典】滚动效果 上翻 下翻.html ...

    15个经典 jquerydemo jquery窗帘

    在"15个经典jquerydemo"中，我们可以深入理解jQuery的强大功能及其在网页开发中的应用。 1. **选择器（Selectors）** jQuery 提供了丰富的选择器，如 ID 选择器 (#id)，类选择器 (.class)，元素选择器 (tagname) ...

    jQueryDemo.JQ集合.rar

    jQuery的事件处理也非常直观，如`$("#button").click(function() {...})`用于绑定点击事件，`$(document).on("event", "selector", function() {...})`则支持动态添加元素的事件绑定。 五、动画效果 jQuery的动画...

    html静态页JQuery ajax示例demo 源码

    在这个"html静态页JQuery ajax示例demo 源码"中，我们可以深入学习和理解AJAX在C# ASP.NET环境下的应用。 首先，AJAX（Asynchronous JavaScript and XML）是一种在不重新加载整个网页的情况下，能够更新部分网页的...

    Jquery Demo

    **jQuery 框架简介** jQuery 是一个高效、简洁且功能丰富的JavaScript库，它极大地简化了JavaScript编程，尤其是处理网页中的DOM...通过学习和实践"Jquery Demo"中的示例，开发者将更好地理解和应用jQuery的核心功能。

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