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 库<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 的支持都很好。
<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>?