jQuery(1)

今天看了一集关于jquery的视频,主要介绍了一下jquery。呵呵,先了解一下jquery的历史,特性等才不会知其然而不知其所以然嘛。
记录一下:
Jquery是一个优秀的Javascript库,它由John Resig创建于2006-1
它的体积很小,简化了javascript的各种操作。使遍历HTML文档,操作DOM,处理事件,执行动画以及执行Ajax的操作变得简单。
Jquery的口号是:write less,do more(写更少的代码,做更多的事情)

例如:一下简单例子明显比以前用“纯”javascript代码写的简单很多。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>Hello Jquery</title>

<script type="text/javascript" src="jquery-1.3.2.js"></script>

<script type="text/javascript">

$(function(){

$('#testButton').click(function(){

$('#hello').toggle('blind');

});

});

</script>

</head>



<body>

<input type="button" value="hello jquery"id="testButton" />

<div id="hello" style="width:80%;background-color:#00CCFF;">

<p>hello jquery</p>

<p>hello jquery</p>

<p>hello jquery</p>

<p>hello jquery</p>

</div>

</body>

</html>

Jquery的优点:
轻量级,强大的选择器,出色的DOM操作的封装,可靠的事件处理机制,完善的Ajax支持,出色的浏览器兼容性,行为层与结构层的分离,
丰富的插件支持,完善的文档,开源。


Jquery将核心部分分为Production(生产模式,经过压缩的Js文件)和Development(开发模式,为经过压缩的Js文件)
两者功能相同,前者体积小巧,后者利于调试。
UI组件可以选择下载全部组件或部分组件,下载的组件中自带了默认的主题。

Jquery UI与Jquery插件
jquery本身开源,支持插件扩展它的新功能,我们可以自己开发jquery插件。
jquery UI实际上是jquery插件,专指由jquery官方维护的UI方向的插件。
jquery本身注重于后台,没有漂亮的界面,而jquery UI则补充了前者的不足,它是
利用Jquery的扩展性设计的插件,提供了一些常用的界面元素,诸如对话框,拖动行为,
改变大小行为等等。jquery UI使Jquery既有强大的后台,又有华丽的前台。

Jquery UI主要分为三个部分:交互,微件和效果库。

交互:交互部件是一些与鼠标交互相关的内容,包括拖拽,鼠标按下放下,改变大小等。
微件:主要是一些界面的扩展,包括对话框,滚动条,日期控件等,新版本的UI将包含更多的微件。
效果库:用于提供丰富的动画效果,让动画不再局限于jquery的animate()方法。


利用Jquery UI
1,到官网下载UI
2,导入Jquery 文件
3,导入Jquery UI文件
4,导入Jquery UI CSS文件

你可能感兴趣的:(jquery)