首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

JQuery容易学习(1)——JQuery简介

2012-10-28 
JQuery简单学习(1)——JQuery简介Jquery是继prototype之后又一个优秀的Javascrīpt框架。对prototype我使用不

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

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>
?

热点排行