zoukankan      html  css  js  c++  java
  • JQuery初识

       一、什么是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里有什么东西,哪种方法能干什么,是不是能够运用在自己的项目中。所以,帮助文档的使用就非常重要了。
  • 相关阅读:
    查看本机80端口占用方法
    LeetCode: Word Break II
    LeetCode: Word Break
    LeetCode: Sort List
    LeetCode: Single Number II
    LeetCode: Single Number
    LeetCode: Reorder List
    LeetCode: LRU Cache
    LeetCode: Max Points on a Line
    Insertion Sort List
  • 原文地址:https://www.cnblogs.com/riasky/p/3483522.html
Copyright © 2011-2022 走看看