一、什么是JQuery

      JQuery官方网站上是这样解释的:JQuery是一个快速简洁的JavaScript库,它可以简化HTML文档的元素遍历、事件处理、动画及Ajax交互,快速开发Web应用。

二、JQuery的特点

   
JQuery的特点如下:

1. 轻量型

         
JQuery是一个轻量型框架,程序短小,配置简单。

2. DOM选择

         
可以轻松获取任意DOM元素或DOM元素封装后的JQuery对象。

3. CSS处理

         
可以轻松设置、删除、读取CSS属性。

4. 链式函数调用

         
可以将多个函数链接起来被一个JQuery对象一次性调用。

5. 事件注册

         
可以对一个或多个对象注册事件,让画面和事件分离。

6. 对象克隆

         
可以克隆任意对象及其组件。

7. Ajax支持

         
跨浏览器,支持IE6.0+,Opera9.0+,Firefox2+,Safari2.0+,Chrome1.0+。

三、JQuery能实现什么


     
JQuery库作为Web脚本编程提供了通用的抽象层,使得它几乎适用于任何脚本编程的情形。由于它容易扩展而且不断有新插件面世来增强其功能。所以,对于JQuery能实现什么,暂时仅就其核心特性来讲,它能满足下需求(代码例子在后续中添加):

1.获取页面中的元素

     JQuery通过一条语句就可以获取页面中相同标记名的所有元素。

2.修改页面的外观

      在JQuery的众多功能函数中,有专门修改CSS样式设定的函数,通过这些函数可以动态修改页面外观。

3.修改页面的内容

      JQuery能够影响的范围并不局限于简单的外观变化。使用少量的代码,JQuery就能告便文档的内容。它还可以改变文本,插入或反转图像,对立标重新排序,甚至对HTML文档的整个结构都能重写和扩充——所有这些只需一个简单的API。

4.响应用户的页面操作

      即使是最强大和最精心设计的行为,如果无法控制它何时发生,也毫无用处。JQuery提供了街区形形色色的页面事件(例如用户单击一个链接)的适当方式,而不需要使用事件处理程序搞乱HTML代码。此外,它的事件处理API也消除了经常困扰Web开发人员的浏览器不一致性。在真正的HTML代码中不需要在元素中加入任何事件说明,所有事件的注册操作全部集中在JQuery代码中,只需要一个元素的ID属性就万事大吉了。

5.为页面添加动态效果

      为了实现某种交互式行为,设计者必须向用户提供视觉上的反馈。JQuery中内置的一批淡入、擦除之类的效果及制作新效果的工具包,为此提供了便利。

6.无须刷新页面即可从服务器获取信息

      这种变成模式就是众所周知的Ajax(Asynchronous JavaScript and XML,异步JavaScript 和XML),它能辅助Web开发人员创建出反应灵敏、功能丰富的网站。JQuery通过消除这一过程中的浏览器特定的复杂性,使开发人员得以专注于服务器端的功能设计。

7.简化常见的JavaScript任务

      除了这些完全针对文档的特性之外,JQuery也提供了对基本的JavaScript结构(如迭代和数组操作等)的增强。

四、结语

    通过这些天的JQuery视频学习,发现它的功能太丰富、太强大了,而且它的使用跟CSS+DIV将功能实现和页面分离挺类似,它将方法抽象并封装起来,在需要的地方引用js文件,通过一个简单的$()等直接调用就行。现在基本上才算入门了JQuery的一点点知识,以后的学习,最重要的就是要了解JQuery里有什么东西,哪种方法能干什么,是不是能够运用在自己的项目中。所以,帮助文档的使用就非常重要了。

JQuery初识的更多相关文章

  1. 前端---JQuery初识

    ---恢复内容开始--- BOM JQuery认识 JQuery基本选择器 JQuery高级选择器 1.javascript基础部分包括三个部分: ECMAScript:JavaScript的语法标准 ...

  2. 前端07 /jQuery初识

    前端07 /jQuery初识 目录 前端07 /jQuery初识 1.jquery介绍 1.1 jquery的优势 1.2 jquery是什么? 1.3 jquery的导入 2.jQuery的使用 2 ...

  3. jQuery初识、函数、对象

    初识jQuery 官方地址:http://jquery.com/ what:一个优秀的JS函数库(封装了BOM.DOM(主要)) why: HTML元素选取(选择器) HTML元素操作 CSS操作 H ...

  4. jQuery基础学习(一)—jQuery初识

    一.jQuery概述 1.jQuery的优点      jQuery是一个优秀的JavaScript库,极大地简化了遍历HTML文档.操作DOM.处理事件.执行动画和开发Ajax的操作.它有以下几点优 ...

  5. 59、jQuery初识

    jQuery是由原生js写的所以说所有jQuery制作出来的效果都可以使用js做出来,jQuery出现的目的是为了优化代码,提高码代码的效率它将很多功能封装. 一.jQuery的认识 1.何为jque ...

  6. jQuery初识之选择器、样式操作和筛选器(模态框和菜单示例)

    一.jQuery 1.介绍 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架). jQuery设计的 ...

  7. jQuery 初识 筛选器 属性选择器

    ---------------------------大事使我们惊讶,小事使我们沮丧,久而久之,我们对这二者都会习以为常. 一 jQuery是什么? [1]   jQuery由美国人John Resi ...

  8. python jquery初识

     jQuery的介绍 jQuery是一个快速,小巧,功能丰富的JavaScript库.它通过易于使用的API在大量浏览器中运行,使得HTML文档遍历和操作, 事件处理动画和Ajax更加简单.通过多功能 ...

  9. 10、jQuery初识

    jQuery是由原生js写的所以说所有jQuery制作出来的效果都可以使用js做出来,jQuery出现的目的是为了优化代码,提高码代码的效率它将很多功能封装. 本篇导航: jQuery的认识 jQue ...

随机推荐

  1. SecureCRT 绝佳配色方案, 保护你的眼睛(转发)

    SecureCRT 绝佳配色方案, 保护你的眼睛 关键词:SecureCRT配色, SecureCRT设置颜色, Linux终端配色,Linux终端颜色设置. 终端有一个好的配色,不仅能保护自己的眼睛 ...

  2. php 实现二进制加法运算

    php实现二进制加法: 思路:没有工作中应用过此场景,但十进制的加法还是经常做的,能不能用十进制加法变相实现呢? 答案是可以的,并且php也提供进制间转换的函数,我的实现使用了 bindec():二进 ...

  3. 蓝桥杯算法训练<二>

    一.最小乘积(基本型)[这个题需要认真阅读试题,内容量较大,刚开始的时候,由于练习系统上给出的输入输出的格式有问题,没看懂,最后在MikCu的博客上看到了正确的格式,参考了代码,最终得到正确的结果.为 ...

  4. AngularJs 常用函数

    /** * [intersect 取两个数组的交集] var firstArray = [1,3,5]; var secondArray = [2,5,8]; var result */ .filte ...

  5. mysql-5.7.10-winx64 MySQL服务无法启动,服务没有报告任何错误的解决办法

      总结报错原因:在my.init文件下新增data目录(datadir = F:\mysqldata ) 最新解压版本的mysql 解压安装的时候报错D:\mysql\mysql-5.7.10-wi ...

  6. C#中一个问号和两个问号(a ?? b)的作用

    不卖关子,直接开门见山: C#中两个问号的作用是判断??左边的对象是否为null,如果不为null则使用??左边的对象,如果为null则使用??右边的对象. 比如:a = b ?? c,如果b为nul ...

  7. 不可以为null值的自定义类型

    1.今天早上编码发现,这很奇怪 再一看,原来是DateTime类型,DateTime进去一看发现时Struct类型,原来如此

  8. Module 模式 以及 揭示模式。

    ---恢复内容开始--- Module模式 : 在传统软件工程中为类提供私有和公有封装的方法. 在js中: Module 模式 使用闭包封装 私有状态和组织. 该模式,返回一个公有的API,而其他的一 ...

  9. javaScript的2种变量范围有什么不同

    1.javascript怎样选中一个checkbox,怎样设置它无效? document.all.cb1[0].disabled = true;   2.js中的3种弹出式消息提醒(警告窗口,确认窗口 ...

  10. C#递归树

    protected void Page_Load(object sender, EventArgs e) { bindtree(PopId); } private void bindtree() { ...