<html>
<head>
<title> this is the query demo</title>
<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert("this is the test");
//$("#tid").html("this is hello world by Jquery");
$("div b").html("this is the b element");
});
</script>
</head>
<body>
hello everyone! <br>
this is hello world by html.
<div id="tid">
<b> hhh</b>
</div>
this is the good!
</body>
</html>
1.
$("#msg").html();
$("#msg").html("hello");
上面两行代码,调用了同样的函数。但结果却差别很大。
第一行是返回指定元素的HTML值,第二行则是将hello这串字符设置到指定元素中。jquery的函数大部分有这样的特性
2.ajax
$.get("search.do",{id:1},rend);
function rend(xml){
alert(xml);
}
3.渐入渐出
$("#msg").fadeIn("fast");
$("#msg").fadeOut("slow");
分享到:
相关推荐
在“jQuery例子大全 jQuery demo”这个压缩包中,包含了一系列的示例,旨在帮助用户快速理解和掌握jQuery的核心概念及常用方法。** ### 一、jQuery 基本使用 jQuery 的核心在于它的选择器,它允许我们方便地选取...
在提供的 "jQuery Demo" 压缩包中,包含了若干 jQuery 的示例代码,你可以通过查看这些示例学习如何使用jQuery实现各种功能。例如,可能包含有简单的元素选择和操作示例、事件处理示例、动画效果示例以及AJAX请求...
标题"jquery demo"表明我们将探讨jQuery在实际应用中的示例,而描述则强调了jQuery如何帮助开发者提高效率,减少代码并提升用户体验。 1. **jQuery的引入与基本使用** 要在网页中使用jQuery,首先需要通过`...
1. 第一个 jQuery 程序 2. jQuery 对象和 DOM 对象 3. 基本选择器 4. 层次选择器 5. 基本过滤选择器 6. 内容过滤选择器 7. 可见性过滤选择器 8. 属性过滤选择器 9. 子元素过滤选择器 10. 表单元素过滤选择器 11. 小...
**jQuery 演示:深入理解与应用** jQuery 是一个高效、简洁且功能丰富的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画...这个"jQuerydemo"压缩包中的案例,将会是你学习和探索jQuery的宝贵资源。
《jQuery经典Demo详解:探索30个精彩实例》 jQuery,作为一款强大的JavaScript库,以其简洁的API和高效的功能,深受Web开发者的喜爱。这里我们聚焦于30个经典的jQuery Demo,它们涵盖了从基础交互到复杂动画的各种...
jQueryDemoTools V1.2 是一个专门为开发者设计的工具集合,旨在帮助用户更好地理解和实践jQuery的各类功能和技巧。这个项目,通过一系列精心编排的示例,展示了jQuery库的强大之处,同时也提供了便捷的平台供开发者...
**jQuery简介** jQuery是一款高效、简洁的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery由John Resig于2006年创建,自那时起,它就成为了Web开发中最为广泛使用的库之...
首先,让我们来看看"JQuery功能测试源码_jquerydemo.zip"中包含的内容。这个压缩包很可能包含了多个示例文件,用于演示jQuery的各种核心功能,如选择器、DOM操作、事件绑定、动画和Ajax请求等。这些示例代码是学习和...
**jQuery 框架简介** jQuery 是一个高效、简洁且功能丰富的JavaScript库,它极大地简化了JavaScript编程,尤其是处理网页中的DOM...通过学习和实践"Jquery Demo"中的示例,开发者将更好地理解和应用jQuery的核心功能。
标题 "Lazy Load Plugin for jQuery demo" 暗示这是一个关于如何使用 jQuery Lazy Load 插件的实际演示。在这个项目中,我们可以期待看到如何配置和集成该插件,以及在不同场景下它的实际运行效果。这个演示可能包含...
标题中的"JQUERY demo+api"表明我们将探讨jQuery的基本概念、常见用法以及API的详细说明。 首先,jQuery的核心理念是“写得更少,做得更多”(Write Less, Do More)。它通过提供简洁的语法,使得开发者能够快速...
《jQueryDemo:初学者的宝典》 jQuery是一款强大的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。对于初学者来说,"jqueryDemo"提供了丰富的示例,帮助理解并掌握jQuery的...
在"15个经典jquerydemo"中,我们可以深入理解jQuery的强大功能及其在网页开发中的应用。 1. **选择器(Selectors)** jQuery 提供了丰富的选择器,如 ID 选择器 (#id),类选择器 (.class),元素选择器 (tagname) ...
"jQueryDemo.JQ集合.rar"是一个包含多种jQuery实践示例的资源包,对于初学者和进阶者来说,都是一个极好的学习和参考资源。 一、jQuery基础 jQuery的核心理念是"Write Less, Do More",它通过封装JavaScript的复杂...
《jQueryDemo:深入理解JQuery常用操作》 jQuery,作为一款强大的JavaScript库,极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。在"jQueryDemo(JQuery常用操作2005)"中,我们将深入探讨jQuery...
这个压缩包包含的 "jQueryDemo" 文件可能包含了30个展示 jQuery 主要功能和应用场景的实例。这些示例可能涵盖以下方面: 1. **选择器示例**:演示如何使用基础和组合选择器,如 ID 选择器 (`#id`), 类选择器 (`....
本教程将通过一个简单的jQuery Demo来深入理解这一强大的工具。 标题"简单的jQuery demo"暗示我们将探讨一个基础的交互式网页应用,其中用户可以通过点击右侧的缩略图来查看左侧的详细内容。这种设计常见于图片展示...