`
ticojj
  • 浏览: 157618 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Jquery初识

    博客分类:
  • java
 
阅读更多

一、什么是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

    **初识jQuery** jQuery是一个广泛应用于Web开发的JavaScript库,它的设计目的是简化HTML文档遍历、事件处理、动画以及Ajax交互。自2006年发布以来,jQuery因其易用性和丰富的功能集,成为了开发者们的首选工具之一...

    学习前端的第六天,对jQuery的初识

    学习前端的第六天,对jQuery的初识

    JavaScript框架-4

    - **JQuery 初识**:JQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、Ajax交互以及动画效果。它封装了许多实用的方法,如选择器、筛选器和链式调用,使得开发者可以用更简洁的代码实现复杂的前端...

    RIA应用开发:1-初识Jquery.ppt

    【jQuery 概述】 jQuery 是一个广泛应用于现代Web开发的JavaScript库,由John Resig于2006年创建。它的主要目标是简化JavaScript编程,让开发者能够“Write Less, Do More”。jQuery 提供了一种高效的方式来处理...

    jQuery教程PDF版

    #### 一、初识jQuery:为何选择它? 在现代网页开发中,**jQuery**作为一款流行的JavaScript库,凭借其强大的功能和简洁的语法,成为了提升网页互动性和开发效率的关键工具。本教程旨在深入讲解jQuery的核心概念、...

    jquery 入门帮助.pdf

    **标题与描述解析:** "jquery 入门帮助.pdf"这一标题明确指向了对jQuery初学者的指导资料,而描述“对于了解ajax并初识jq的人很有帮助”则暗示了内容会涵盖jQuery与AJAX的集成使用,适合那些对AJAX有一定了解且刚...

    jquery_first_meeting

    《jQuery初识:开启JavaScript之旅》 在编程领域,JavaScript是一种不可或缺的脚本语言,尤其在Web开发中占据着核心地位。而jQuery,作为JavaScript的一个库,极大地简化了DOM操作、事件处理、动画制作和Ajax交互等...

    15天学会jquery(完整版)

    #### 一、引言:初识jQuery 在IT行业中,JavaScript是一门不可或缺的前端脚本语言,而jQuery则是建立在其上的一个功能强大、易用性极高的库。本书《15天学会jQuery》旨在引导读者从零开始,逐步掌握jQuery的核心...

    Jquery实例下载

    本资源包含一系列的jQuery实例,旨在帮助开发者从初识到精通jQuery,提升开发效率并解决实际开发中遇到的问题。 一、jQuery基础 jQuery的核心理念是“Write Less, Do More”,其通过简化的API接口,让JavaScript...

    jquery-easyui-1.3.1.zip

    `readme.txt`通常包含项目的基本介绍、安装指南和快速入门示例,是初识项目时的重要参考文件。 `themes`目录包含了EasyUI的各种主题样式,开发者可以根据项目需求选择合适的界面风格,或者自定义新的主题,以满足...

    Software-Training:Ecjtu中的软件培训

    数组######9.11日java类方法######9.15日java关于字符串的一些操作,注意看substring方法######9.16日javascript基本语法######9.17日javascript对象######9.18日jquery初识######9.21日jquery选择器,注意着重学习...

    jquery_study_all and jquery_api and jquery_ui_1.8.6

    jQuery的初识始于它的核心概念,包括如何引入jQuery库,以及使用 `$` 符号作为入口开始编写jQuery代码。这个阶段主要涉及基础选择器的使用,如ID选择器、类选择器、标签选择器等,以及基础的操作如元素的获取、添加...

    jquery in action(jquery 实战) pdf

    总的来说,《jQuery in Action》这本书适合初级到中级的JavaScript开发者,无论你是初识jQuery,还是希望深入理解并提升技能,都能从中受益匪浅。通过阅读和实践书中的例子,你将能够熟练掌握jQuery,从而编写出高效...

    初识JQuery-DOM操作(Demo实战详解)

    我是辰兮,很高兴你能来阅读,本章初识jQuery,用案例详细的讲解了jQuery的DOM操作,每一个操作都有详细的案例以及截图,希望对你有帮助,分享获取新知,大家一起进步。 下一篇请参考:JQuery-DOM进阶 文章目录一、...

    jquery 学习笔记源码 1第一个jquery

    《jQuery学习笔记源码——初识与实践》 在当今的Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本篇文章将基于“jQuery学习笔记源码 1第一个...

    15天学会jquery

    #### 第一章:初识jQuery **1.1 什么是jQuery** jQuery是一个快速、简洁的JavaScript库,它的设计宗旨是为了简化HTML文档遍历、事件处理、动画操作及Ajax交互等常见的网页开发任务。与原生JavaScript相比,jQuery...

    jQuery入门电子书有大量实例及源码

    #### 开启jQuery之旅:初识与入门 jQuery的诞生旨在简化JavaScript的使用难度,使开发者能更高效、优雅地操控网页文档(DOM)、处理事件、实现动画效果,并进行AJAX交互。正如标题所言,《jQuery入门电子书》为初学...

    15天学会Jquery

    #### 第一章:初识JQuery——What, Why, When, Where, Who **What(是什么)** - **定义与功能**:JQuery是一个跨平台的JavaScript库,旨在简化网页开发过程中的文档操作、事件处理、动画以及Ajax交互等功能。它...

Global site tag (gtag.js) - Google Analytics