`
JavaCrazyer
  • 浏览: 2990828 次
  • 性别: Icon_minigender_1
  • 来自: 河南
社区版块
存档分类

JQuery简单学习(1)——JQuery简介

jQueryJavaScriptAjaxprototypeMicrosoft 
阅读更多

Jquery是继prototype之后又一个优秀的Javascrīpt框架。对prototype我使用不多，简单了解过。但使用上jquery之后，马上被她的优雅吸引住了。有人使用这样的一比喻来比较prototype和jquery：prototype就像Java，而jquery就像ruby.实际上我比较喜欢java（少接触Ruby 罢了）但是jquery的简单的实用的确有相当大的吸引力啊！在项目里我把jquery作为自己唯一的框架类包

下载地址：http://docs.jquery.com/Downloading_jQuery

jQuery 库可以通过一行简单的标记被添加到网页中。

——————————————————————————

jQuery 库 - 特性

 

jQuery 是一个 JavaScript 函数库。

 

jQuery 库包含以下特性：

  • HTML 元素选取 
  • HTML 元素操作 
  • CSS 操作 
  • HTML 事件函数 
  • JavaScript 特效和动画 
  • HTML DOM 遍历和修改 
  • AJAX 
  • Utilities
——————————————————————————
向您的页面添加 jQuery 库

jQuery 库位于单个的 JavaScript 文件中，其中包含所有 jQuery 函数。
可以通过下面的标记把 jQuery 添加到网页中：
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
 请注意，<script> 标签应该位于页面的 <head> 部分。
——————————————————————————
基础 jQuery 实例
下面的例子演示了 jQuery 的 hide() 函数，隐藏了 HTML 文档中所有的 <p> 元素。
实例
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>
 ——————————————————————————
库的替代
Google 和 Microsoft 对 jQuery 的支持都很好。

如果您不愿意在自己的计算机上存放 jQuery 库，那么可以从 Google or Microsoft 加载 CDN jQuery 核心文件。

使用 Google 的 CDN
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>
 使用 Microsoft 的 CDN
<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
</head>
 


3
顶
5
踩
分享到：
| 网页引入CSS的四种方式
评论
发表评论

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

相关推荐

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