JQuery概述和一个简单案例

JQuery是什么?

 
 在javascript基础上开发出来的,对javascript进行了封装,功能更强大,操作更方便的一种javascript库。

 JQuery=Javascript + Query = 通过Javascript从文档中查询元素,并对其进行操作。

 2006年1月 John Resig 开源(open source)

 轻量级的javascript库。


  特点:简洁的语法,跨浏览器的兼容性,适合用于文档遍历,DOM操作,事件处理,动画特效,AJax等

 设计理念:write less,do more

 主要功能:
 获取网页元素、设置网页外观、更改网页内容、响应用户操作(事件),添加动画效果,实现AJax交互

 获得青睐的原因
 1.轻量级,只有几十K
 2.跨浏览器兼容性
 3.基于CSS选择器
 4.链式操作
 5.面向集合
 6.详细的文档
 7.丰富的UI控件(easy ui) ui=user interface=用户界面
 8.与其他js库可以共存 (Dojo,extjs)
 9.免费开源

开发环境配置

下载JQuery,jquery.com
jQuery 1.x 和 jQuery2.x(不支持ie6,7,8)
压缩版与非压缩版

DW CS6 本身支持JQuery,用早期版本的DW,需要安装插件,才会有JQuery语法提示。

一个简单的例子

一个隐藏的Div  点击显示按钮 就会在一定时间内显示出来












没有点提示前
JQuery概述和一个简单案例_第1张图片

点提示后

JQuery概述和一个简单案例_第2张图片

JQuery概述和一个简单案例_第3张图片

你可能感兴趣的:(jQuery)