首页技术jquery教程入门(jquery ui 中文手册)

jquery教程入门(jquery ui 中文手册)

编程之家2026-06-09854次浏览

大家好,感谢邀请,今天来为大家分享一下jquery教程入门的问题,以及和jquery ui 中文手册的一些困惑,大家要是还不太明白的话,也没有关系,因为接下来将为大家分享,希望可以帮助到大家,解决大家的问题,下面就开始吧!

jquery教程入门(jquery ui 中文手册)

jQuery基础教程详解的前言

jQuery是一个强大的JavaScript库。无论你具有什么编程背景,都可以通过它来增强自己的网站。

由John Resig创建的jQuery是一个开源项目,其核心团队由富有献身精神的顶尖JavaScript开发人员组成。jQuery在一个紧凑的文件中提供了丰富多样的特性、简单易学的语法和稳健的跨平台兼容性。此外,百余种为扩展jQuery功能而开发的插件,更使得它几乎成为适用于各类客户端脚本编程的必备工具。

本书以通俗易懂的方式介绍了jQuery的基本概念,通过学习本书,即使曾经因编写JavaScript而受过挫折的人,也能够掌握为网页添加交互和动态效果的技术。本书将引导读者跨越AJAX、事件、效果及高级JavaScript语言特性中的各种陷阱。

包含书中各章的在线示例。本书内容

本书的第一部分jQuery简介,用来帮助读者对jQuery有个大概的了解。第1章的内容主要涉及如何下载和设置jQuery库,同时也会指导你使用jQuery编写第一个脚本。

本书的第二部分将深入讨论jQuery库的各个主要方面。第2章讲述如何取得我们想要的一切。通过jQuery中的选择符表达式,你可以在页面中的任何地方找到想要的元素。这一章将使用各种选择符表达式为页面中的不同元素添加样式,其中一些是通过纯CSS方式做不到的。

jquery教程入门(jquery ui 中文手册)

第3章讲述如何“扣动扳机”。本章介绍如何通过jQuery的事件处理机制,在浏览器发生事件时触发行为。同时,还会介绍jQuery的独家秘笈——以不唐突的方式添加事件(甚至在页面加载完成之前)。

第4章讲述如何增加操作的艺术感。这一章介绍通过jQuery实现动画的技术,从中我们能够体会到隐藏、显示和移动页面元素时那种轻松自如的感觉。

第5章讲述如何通过指令改变页面。本章讲述的是动态修改HTML文档结构的技术。

第6章讲述如何让你的网站跻身主流行列。在学习完本章后,你也可以做到不用像过去那样刷新页面而访问服务器端功能。

本书的第三部分与前两部分不同。这一部分主要以实例为主,即在前几章学习的基础上,创建常见问题的稳健jQuery解决方案。第7章将讲述排序、筛选和为信息添加样式并创建优美实用的数据布局。

第8章以客户端数据验证为主题。届时,将设计一个具有适应能力的表单布局,还会实现基于客户端与服务器通信的交互式表单功能,例如自动完成。

jquery教程入门(jquery ui 中文手册)

第9章介绍如何在小窗口内显示页面元素来增强它们的美感和实用性。其中,动态显示和隐藏信息的方式既可是自动的,也可是用户控制的。

第10章讲过jQuery令人印象深刻的扩展能力。读者将在理解和掌握3个优秀jQuery插件的基础上,从头开始构建自己的插件。

附录A提供了很多与jQuery、JavaScript以及通常的Web开发有关的内容丰富的网站信息。

附录B推荐了一些有用的第三方程序和实用工具,用于在个人的开发环境中编辑和调试jQuery代码。

附录C讨论JavaScript语言的常见壁垒之一——闭包。学了本附录,你将会依赖闭包的强大威力而不是害怕它的副作用。

本书读者对象

本书适合想在自己的设计中添加交互元素的Web设计者,也适合想在自己的Web应用中创建最佳用户界面的开发者。

读者需要具备基本的HTML和CSS知识,并且应该熟悉JavaScript语法。但是,不需要有jQuery的知识,也不必拥有其他JavaScript库的使用经验。

新手如何学习 jQuery

从零开始学习jQuery(一)开天辟地入门篇

从零开始学习jQuery(二)万能的选择器

从零开始学习jQuery(三)管理jQuery包装集

从零开始学习jQuery(四)使用jQuery操作元素的属性与样式

从零开始学习jQuery(五)事件与事件对象

从零开始学习jQuery(六) AJAX快餐

从零开始学习jQuery(七) jQuery动画-让页面动起来!

从零开始学习jQuery(九) jQuery工具函数

从零开始学习jQuery(十) jQueryUI常用功能实战

从零开始学习jQuery(十一)实战表单验证与自动完成提示插件

一.摘要

本系列文章将带您进入jQuery的精彩世界,其中有很多作者具体的使用经验和解决方案,即使你会使用jQuery也能在阅读中发现些许秘籍.

本篇文章是入门第一篇,主要是简单介绍jQuery,通过简单示例指导大家如何编写jQuery代码以及搭建开发环境.详细讲解了如何在Visual Studio中配合使用jQuery.

转载请注明子秋出品!博客园首发!

二.前言

首先道个歉!"从零开始学习ASP.NET MVC"系列文章在即将介绍Filter时就没有更新了,原因就是最近我一直在研究和学习jQuery.看到本系列的名称和文章标题,看过我的MVC系列文章的人会感到很熟悉.不久要给公司的人做培训,所以特意制作了本教程.

在写作的同时我参考了网上jQuery的系列教程文章,在博客园和Google上并没有找到让我满意的系列教程.我喜欢将知识系统的,深入浅出的讲解.不喜欢写那种"学习笔记"式的文章.同时本系列将很快全部写完(有工作压力就是有动力),随后如果时间允许我会继续更新MVC系列文章.再一次对等待MVC文章的朋友们说声抱歉!

另外本系列文章的大部分知识点来源于图灵出版社的"jQuery实战"一书.推荐大家购买此书,是jQuery书籍中的经典之作.

下面让我们开始jQuery之旅.

三.什么是jQuery

jQuery是一套Javascript脚本库.在我的博客中可以找到"Javascript轻量级脚本库"系列文章. Javascript脚本库类似于.NET的类库,我们将一些工具方法或对象方法封装在类库中,方便用户使用.

注意jQuery是脚本库,而不是脚本框架."库"不等于"框架",比如"System程序集"是类库,而"ASP.NET MVC"是框架. jQuery并不能帮助我们解决脚本的引用管理和功能管理,这些都是脚本框架要做的事.

脚本库能够帮助我们完成编码逻辑,实现业务功能.使用jQuery将极大的提高编写javascript代码的效率,让写出来的代码更加优雅,更加健壮.同时网络上丰富的jQuery插件也让我们的工作变成了"有了jQuery,天天喝茶水"--因为我们已经站在巨人的肩膀上了.

创建一个ASP.NET MVC项目时,会发现已经自动引入了jQuery类库. jQuery几乎是微软的御用脚本库了!完美的集成度和智能感知的支持,让.NET和jQuery天衣无缝结合在一起!所以用.NET就要选用jQuery而非Dojo,ExtJS等.

jQuery有如下特点:

1.提供了强大的功能函数

使用这些功能函数,能够帮助我们快速完成各种功能,而且会让我们的代码异常简洁.

2.解决浏览器兼容性问题

javascript脚本在不同浏览器的兼容性一直是Web开发人员的噩梦,常常一个页面在IE7,Firefox下运行正常,在IE6下就出现莫名其妙的问题.针对不同的浏览器编写不同的脚本是一件痛苦的事情.有了jQuery我们将从这个噩梦中醒来,比如在jQuery中的Event事件对象已经被格式化成所有浏览器通用的,从前要根据event获取事件触发者,在ie下是event.srcElements而ff等标准浏览器下下是event.target. jQuery则通过统一event对象,让我们可以在所有浏览器中使用event.target获取事件对象.

3.实现丰富的UI

jQuery可以实现比如渐变弹出,图层移动等动画效果,让我们获得更好的用户体验.单以渐变效果为例,从前我自己写了一个可以兼容ie和ff的渐变动画,使用大量javascript代码实现,费心费力不说,写完后没有太多帮助过一段时间就忘记了.再开发类似的功能还要再次费心费力.如今使用jQuery就可以帮助我们快速完成此类应用.

4.纠正错误的脚本知识

这一条是我提出的,原因就是大部分开发人员对于javascript存在错误的认识.比如在页面中编写加载时即执行的操作DOM的语句,在HTML元素或者document对象上直接添加"onclick"属性,不知道onclick其实是一个匿名函数等等.拥有这些错误脚本知识的技术人员也能完成所有的开发工作,但是这样的程序是不健壮的.比如"在页面中编写加载时即执行的操作DOM的语句",当页面代码很小用户加载很快时没有问题,当页面加载稍慢时就会出现浏览器"终止操作"的错误.jQuery提供了很多简便的方法帮助我们解决这些问题,一旦使用jQuery你就将纠正这些错误的知识--因为我们都是用标准的正确的jQuery脚本编写方法!

5.太多了!等待我们一一去发现.

jQuery开发技术详解的前言

jQuery是一个优秀的开源JavaScript库。它的体积很小,代码风格独特而又优雅,改变了JavaScript程序员编写程序的方式和思路。jQuery库有一条设计理念,那就是“写的少,做的多”(write less, do more)。其独特的选择器、链式的DOM操作方式、事件绑定机制、封装完善的AJAX使其在众多优秀的JavaScript库中脱颖而出,独树一帜,赢得了众多使用者的拥护和信赖。

jQuery的语法简单易学,而且具有很强大的跨平台性,可以兼容多种核心的浏览器。目前,已经有一百多个插件来扩充jQuery的功能,使得jQuery能满足几乎所有客户端的脚本开发。

但是,目前来说专门介绍jQuery的书籍还很少,中文的书籍更是少之又少,这就给国内一些想要学习jQuery的Web开发爱好者制造了不小的障碍。为了方便广大读者学习,本人花费将近一年的时间写作这本书。本书通过理论与实践相结合的方式,由浅入深、循序渐进地介绍jQuery库的使用;同时又辅以大量真实的开发案例,可以让用户很轻松地就能使用jQuery来增强网页的互动性,做出更好的Web前端产品以及各种更炫更酷的效果。

本书的特点

1.循序渐进,由浅入深

阅读本书不需要对jQuery有所了解,甚至对JavaScript也不需要有很深的了解。为了方便读者学习,本书在第一篇首先介绍Web开发的基础知识,如JavaScript的基础语法等,以期读者可以在不参考其他资料的情况下顺利过渡到jQuery的学习和使用。

2.技术全面,内容充实

本书是一本关于jQuery的初级入门读物。书中详细介绍了jQuery 1.3.2几乎所有的特性和属性,并对每个模块均有很翔实的实例讲解。以期读者对jQuery有个很好的整体把握,同时以后需要用到一些特性的时候,可以进行查阅。另外,本书还在开始介绍了Web开发的基础知识,如Web开发中比较常用的工具等,可以让读者从一个完全的门外汉很快变成业内人士。

3.图文结合,理解深刻

讲解技术类的知识,最好的方式就是面对面的讲授,但是图书却不太容易做到这一点。为了弥补这个缺憾,本书在讲解具体实例的时候,除了大量的注释、讲解之外,还辅以一些简洁明了的图片,以期让读者对实例以及jQuery效果有更直观的理解。

4.真实案例,随学随用

本书是一本注重实践的书。因此,有大量的篇幅用在了真实的Web开发案例中。本书第三篇通过若干比较完整的实例来讲解jQuery在具体项目中的使用,如增强用户体验、AJAX跨域操作、与PHP配合构建动态网站、键盘操作以及将数据以可视化形式显示等。读者可以通过这些实例对jQuery的理论知识有更加深刻的理解,同时,这些实例稍作修改,就可以用在读者正在开发的项目中去,来实现各种精彩的效果。

5.配有源代码光盘,加速学习

为了让初学者快速入门,本书配套光盘中附赠了本书中的所有源代码。读者可以参考阅读。但是,笔者依然强烈建议,在学习本书的时候应该边学边练。即便不能不看书直接写代码,最好也要对着书上的代码手工敲入一边,以加深印象以及自己对知识本身的理解。

篇名章名内容介绍

第一篇 jQuery预备基础篇第1章 Web开发的发展与趋势本章主要介绍当前Web开发的现状、Web的标准概念、Web 2.0与Web 1.0的区别与联系,并通过当前的一些使用jQuery构建的大型网站,对jQuery能实现的效果进行简单介绍,以期读者对jQuery的强大有个更加直观的了解。

第2章 JavaScript基础本章主要介绍JavaScript的基础知识,包括JavaScript中的变量、数据类型、操作符的使用、流程控制的方法,以及JavaScript数组以及函数的创建和使用。

第3章文档对象模型(DOM)本章主要介绍DOM的基本概念,如DOM的树结构以及节点的概念等。同时,也将介绍JavaScript中访问以及操作DOM节点的方法,包括获取元素、获取元素内的文本和元素内的HTML内容、创建一个新的DOM节点、插入或者删除一个DOM节点元素等。通过本章的介绍,读者可以对DOM的操作方式有所了解,为后续章节使用jQuery操作DOM元素做好铺垫。

第4章工欲善其事,必先利其器——开发工具本章将介绍网页设计过程中经常使用的工具,如SciTE、Notepad++等代码编辑工具,使用Blackbird、Firebug以及Venkman对JavaScript代码进行调试,以及Web Developer Toolbar工具栏的使用、JavaScript代码的压缩及混淆工具等。这些工具可以有效地提高编写代码及设计网站的效率,有必要熟练掌握其使用方法。

第二篇 jQuery基础篇第5章 jQuery快速上手本章将介绍了jQuery的由来和优势,并对目前几个流行的JavaScript库进行了介绍和对比。另外还将演示一个最简单的jQuery程序,通过这个示例,让读者对jQuery的$(document).ready()函数有一个基本的认识,并对jQuery选择器的使用以及click()函数也有初步的概念。

第6章使用选择器获得要操作的元素本章将介绍jQuery选择器中的基本选择器、层次选择器以及滤镜选择器,滤镜选择器中又对基本滤镜选择器、子元素滤镜选择器、表单滤镜选择器以及属性滤镜选择器分别结合具体实例展开详细的介绍。

第7章操作得到的元素本章介绍jQuery中操作得到的元素以及元素集的方法,包括对属性、样式类、CSS以及内容的操作,对元素集查找以及筛选的函数,以及jQuery中的链式操作等。通过使用这些函数,可以很方便地操作页面上的任意元素。

续表

篇名章名内容介绍

第二篇 jQuery基础篇第8章使用jQuery进行DOM操作本章介绍jQuery中比较常用的对页面上DOM元素的操作方式,包括在元素内部以及外部插入元素,对页面上的DOM元素进行包裹、替换、删除以及克隆等操作。通过熟练使用这些DOM元素操作函数,可以很方便地对页面内容进行操控,再结合其他效果函数的使用,将可以为用户提供更加强大且有很好用户体验的应用。

第9章 jQuery中的事件处理本章介绍jQuery中的事件处理机制。jQuery在JavaScript基本的事件处理机制的基础上,对其进行了增强和扩展,使得jQuery事件处理不但有优雅的语法,而且功能也更加强大。本章首先介绍了$(document).ready()事件的概念、jQuery事件的绑定与反绑定、触发器等,并对jQuery中众多的内置事件类型作了简单的分类和介绍。

第10章 jQuery中的动画与效果本章介绍jQuery中的动画与效果,包括隐藏与显示、滑动效果以及淡入淡出效果等。本章将结合实例讨论这些效果的实现和应用,并将介绍jQuery中使用animate自定义动画的方法,以及jQuery中动画队列的概念及其使用方法。

第11章 jQuery与AJAX本章将介绍jQuery中AJAX的使用方法。首先介绍AJAX的实现原理及其最核心的组成部分XMLHttpRequest对象的概念和使用方式;然后介绍jQuery中用来支持AJAX的几个核心函数,包括load、get、post、getScript以及getJSON等,并对最核心的AJAX函数作了较为详细的介绍;同时,还将介绍jQuery中在使用AJAX时支持的几种服务器端数据类型返回方式,以及jQuery在实现AJAX完整请求过程中的各个步骤以及各个阶段的主要功能。

第12章回头重看jQuery——核心及工具本章将对jQuery的核心方法进行回顾,主要介绍jQuery中对象访问的通用函数、jQuery中的数据缓存机制和插件机制,以及jQuery中的常用工具类。使用这些工具类,可以更方便地完成对浏览器检测、获得及处理数组与对象等操作。

第三篇 jQuery应用篇第13章 jQuery增强用户体验本章将介绍目前在Web设计领域比较流行的网站内容的动态加载技术的jQuery实现,如“高亮菜单”、“加载提示”等,并将通过一个动态切换样式的例子进一步展示如何满足用户多元化、个性化的需求,对jQuery的cookie插件也将有所介绍。

第14章 jQuery中使用AJAX跨域操作本章将介绍使用jQuery中的AJAX技术进行跨域操作的方法,并通过对flickr、delicious以及Google AJAX Search等网站API调用的实例,演示Script方式以及JSONP方式在跨域操作中的应用。使用该特性,可以很容易地做出新颖有趣的混搭应用。

第15章 jQuery+ PHP动态网站实践本章将介绍jQuery在PHP动态网站建站中的使用,通过两个实例来具体讲解:一个是构建网站的标签云功能;一个是构建简单的微博客系统。通过这些实例,读者可以了解,使用jQuery并结合一种动态脚本语言,可以实现很多很丰富的内容。

第16章 jQuery键盘操作本章将介绍使用jQuery实现与键盘操作相关的功能,例如:如何在网页上使用快捷键进行页面内容的切换,或者使用jQuery来实现软键盘的操作等。

续表

篇名章名内容介绍

第三篇 jQuery应用篇第17章 jQuery可视化数据显示本章将介绍数据的可视化显示对用户的理解以及阅读带来的优越性,以及使用jQuery插件对数据进行可视化的方法。在本章的实例中,将使用jQuery为其添加更加丰富的功能,例如Tooltip提示等,进一步增强了用户体验。读者可以在本文基础上对flot插件进行深入研究,实现出更加复杂与实用的图表。

适合的读者

本书是一本注重jQuery理论与Web开发实践相结合的基础教程,章与章之间的内容相对独立,读者可以根据自己的情况选择阅读。适合各层次的Web开发人员阅读和参考,主要适合于:

Web前端开发人员

Web后台设计人员

Web设计爱好者

大中专院校学生

本书作者

本书由季国飞编写,参与编写的人员有昊燃、方振宇、陈冠佐、傅奎、陈勤、梁洋洋、毕梦飞、陈庆、柴相花、陈非凡、陈华、陈嵩、承卓、陈先在,在此表示感谢!

季国飞

2010年1月

OK,本文到此结束,希望对大家有所帮助。

html+css介绍 html介绍原神神樱大祓神里屋敷(原神神樱大祓神里屋敷怎么做)