当前位置:首页 » 操作系统 » jquery基础教程源码

jquery基础教程源码

发布时间: 2023-02-04 10:32:37

A. jQuery基础教程详解的前言

jQuery是一个强大的javaScript库。无论你具有什么编程背景,都可以通过它来增强自己的网站。
由John Resig创建的jQuery是一个开源项目,其核心团队由富有献身精神的顶尖JavaScript开发人员组成。jQuery在一个紧凑的文件中提供了丰富多样的特性、简单易学的语法和稳健的跨平台兼容性。此外,百余种为扩展jQuery功能而开发的插件,更使得它几乎成为适用于各类客户端脚本编程的必备工具。
本书以通俗易懂的方式介绍了jQuery的基本概念,通过学习本书,即使曾经因编写JavaScript而受过挫折的人,也能够掌握为网页添加交互和动态效果的技术。本书将引导读者跨越AJAX、事件、效果及高级JavaScript语言特性中的各种陷阱。
包含书中各章的在线示例。本书内容
本书的第一部分jQuery简介,用来帮助读者对jQuery有个大概的了解。第1章的内容主要涉及如何下载和设置jQuery库,同时也会指导你使用jQuery编写第一个脚本。
本书的第二部分将深入讨论jQuery库的各个主要方面。第2章讲述如何取得我们想要的一切。通过jQuery中的选择符表达式,你可以在页面中的任何地方找到想要的元素。这一章将使用各种选择符表达式为页面中的不同元素添加样式,其中一些是通过纯CSS方式做不到的。
第3章讲述如何“扣动扳机”。本章介绍如何通过jQuery的事件处理机制,在浏览器发生事件时触发行为。同时,还会介绍jQuery的独家秘笈——以不唐突的方式添加事件(甚至在页面加载完成之前)。
第4章讲述如何增加操作的艺术感。这一章介绍通过jQuery实现动画的技术,从中我们能够体会到隐藏、显示和移动页面元素时那种轻松自如的感觉。
第5章讲述如何通过指令改变页面。本章讲述的是动态修改HTML文档结构的技术。
第6章讲述如何让你的网站跻身主流行列。在学习完本章后,你也可以做到不用像过去那样刷新页面而访问服务器端功能。
本书的第三部分与前两部分不同。这一部分主要以实例为主,即在前几章学习的基础上,创建常见问题的稳健jQuery解决方案。第7章将讲述排序、筛选和为信息添加样式并创建优美实用的数据布局。
第8章以客户端数据验证为主题。届时,将设计一个具有适应能力的表单布局,还会实现基于客户端与服务器通信的交互式表单功能,例如自动完成。
第9章介绍如何在小窗口内显示页面元素来增强它们的美感和实用性。其中,动态显示和隐藏信息的方式既可是自动的,也可是用户控制的。
第10章讲过jQuery令人印象深刻的扩展能力。读者将在理解和掌握3个优秀jQuery插件的基础上,从头开始构建自己的插件。
附录A提供了很多与jQuery、JavaScript以及通常的Web开发有关的内容丰富的网站信息。
附录B推荐了一些有用的第三方程序和实用工具,用于在个人的开发环境中编辑和调试jQuery代码。
附录C讨论JavaScript语言的常见壁垒之一——闭包。学了本附录,你将会依赖闭包的强大威力而不是害怕它的副作用。
本书读者对象
本书适合想在自己的设计中添加交互元素的Web设计者,也适合想在自己的Web应用中创建最佳用户界面的开发者。
读者需要具备基本的HTML和CSS知识,并且应该熟悉JavaScript语法。但是,不需要有jQuery的知识,也不必拥有其他JavaScript库的使用经验。

B. 急 求jquery完整视频教程

Jquery视频教程.zip网络网盘资源免费下载

链接:https://pan..com/s/1nIebXgAcvf8wuTWwXXyhrw

提取码:p6qi

C. jQuery基础教程详解的目录

第1章jquery入门
1 1jquery能做什么
1 2jquery为什么如此出色
1 3第一个jquery文档
1 3 1下载jquery
1 3 2设置html文档
1 3 3编写jquery代码
1 4小结
第2章选择符——取得你想要的一切
2 1dom
2 2工厂函数$()
2 3css选择符
2 4xpath选择符
2 5自定义选择符
2 6dom遍历方法
2 7访问dom元素
2 8小结
第3章事件——扣动扳机
3 1在页面加载后执行任务
3 1 1代码执行的时机选择
3 1 2基于一个页面执行多个脚本
3 1 3缩短代码的简写方式
3 2简单的事件
3 2 1简单的样式转换器
3 2 2简写的事件
3 3复合事件
3 3 1显示和隐藏高级特性
3 3 2突出显示可单击的项
3 3 3事件的旅程
3 3 4事件冒泡的副作用
3 4限制和终止事件
3 4 1阻止事件冒泡
3 4 2移除事件处理程序
3 5模仿用户操作
3 6小结
第4章效果——为操作添加艺术性
4 1修改内联css
4 2基本的隐藏和显示
4 3效果和速度
4 4多重效果
4 4 1构建具有动画效果的show()
4 4 2创建一种自定义的动画效果
4 4 3理解数字的含义
4 4 4改进自定义动画效果
4 5并发与排队效果
4 5 1处理一组元素
4 5 2处理多组元素
4 6简单概括
4 7小结
第5章dom操作——基于命令改变页面
5 1操作属性
5 2插入新元素
5 3移动元素
5 3 1标注、编号和链接到上下文
5 3 2插入脚注
5 4包装元素
5 5复制元素
5 5 1复制的深度
5 5 2通过复制创建突出引用
5 6dom操作方法的简单归纳
5 7小结
第6章ajax——让网站与时俱进
6 1基于请求加载数据
6 1 1追加html
6 1 2操作javascript对象
6 1 3加载xml文档
6 2选择数据格式
6 3向服务器传递数据
6 3 1执行get请求
6 3 2执行post请求
6 3 3序列化表单
6 4关注请求
6 5ajax和事件
6 5 1限定事件绑定函数的作用域
6 5 2利用事件冒泡
6 6安全限制
6 7小结
第7章表格操作
7 1排序
7 1 1服务器端排序
7 1 2javascript排序
7 2分页
7 2 1服务器端分页
7 2 2javascript分页
7 3完成的代码
7 4高级行条纹效果
7 4 1三色交替模式
7 4 2三行一组交替
7 5突出显示行
7 6工具提示条
7 7折叠和扩展
7 8筛选
7 8 1筛选选项
7 8 2同其他代码整合
7 9完成的代码
7 10小结
第8章构建功能型表单
8 1渐进增强的表单设计
8 1 1图标符号
8 1 2必填字段的提示信息
8 1 3根据条件显示的字段
8 2表单验证
8 2 1即时反馈
8 2 2最终检查
8 3复选框操作
8 4完成的代码
8 5字段的占位符文本
8 6ajax自动完成
8 6 1服务器端代码
8 6 2浏览器端脚本
8 6 3填充搜索字段
8 6 4键盘导航
8 6 5自动完成与实时搜索
8 7完成的代码
8 8输入掩码
8 8 1购物车表格结构
8 8 2拒绝非数字输入
8 9数字计算
8 9 1解析和格式化货币值
8 9 2处理小数位
8 9 3其他计算
8 10删除商品
8 11修改送货信息
8 12完成的代码
8 13小结
第9章滑移和翻转
9 1标题翻转效果
9 1 1设置页面
9 1 2取得新闻源
9 1 3设置翻转效果
9 1 4标题翻转函数
9 1 5悬停时暂停
9 1 6从不同的域中取得新闻源
9 1 7附加的内部渐变效果
9 2图像传送带
9 2 1设置页面
9 2 2通过javascript修改样式
9 2 3通过单击滑移图像
9 2 4添加滑移效果
9 2 5显示操作图标
9 3放大图像
9 3 1隐藏大幅封面
9 3 2更有价值的标记
9 3 3为封面放大添加动画效果
9 4完成的代码
9 5小结
第10章插件
10 1使用插件
10 2流行的插件
10 2 1dimensions
10 2 2form
10 2 3interface
10 3查找插件文档
10 4开发新插件
10 4 1添加新的全局函数
10 4 2添加jquery对象方法
10 4 3dom遍历方法
10 4 4添加新的简写方法
10 4 5维护多事件日志
10 4 6添加选择符表达式
10 4 7创建缓动样式
10 4 8做个好公民
10 5小结
附录a在线资源
附录b开发工具
附录cjavascript闭包

D. jQuery基础教程详解的译者序

说起我与jQuery结缘,还要感谢2006年发生在台湾海峡的地震。2006年12月26日,中国南海台湾附近发生7.2级地震,数分钟后又发生了6.7级地震。受强烈地震影响,中美海缆等多条国际海底通信光缆发生中断,造成附近国家和地区的国际和地区性通信受到严重影响。2007年1月29日,电信网通宣布,经过20多天的抢修,受地震影响中断的国际通信业务已全部恢复。在此期间,中国雅虎在邮箱主页顶部发布了一个由于海缆中断可能会造成邮件收发有问题的通告。当时,通告是在页面加载完成大约1s后,以渐变和动画形式出现在页面顶部的——跟jQuery官方网站首页那个“The quick and dirty”的演示效果很相似。而且,通告显示了大约几秒钟后又以动画形式自动消失,整个页面好像什么都没有发生过一样。这个动画效果深深地吸引了我。以前,我也试着写过像卓越亚马逊网站首页“所有20类商品”按钮的鼠标悬停动画,但使用了几十行代码,如今这个更酷的效果是怎么实现的呢?于是,我怀着强烈的好奇心开始查看它的源代码(这要感谢JavaScript天生的开源特性)。惊奇地发现,这个效果仅用了寥寥几行代码!惊讶之余,溯本求源,最后“认识”了精巧而美妙和jQuery,特别是它优雅的方法连缀能力,更令我如获至宝、兴奋不已!后来我查了很多jQuery的资料,发现它的文档没有汉化,就用一周的休息时间翻译了它的API(1.1版)文档。这份汉化文档在jQuery中文资料匮乏的时候为广大jQuery网友提供了一点帮助,也获得了大家的认可和好评。
JavaScript库和框架解决的问题,无非就是(跨浏览器的)DOM操作、事件处理、样式更换和外部通信(AJAX)。但jQuery独特的集合对象、隐式迭代、方法连缀、自定义选择符和事件方法,加之只有不到20KB的超轻巧和执行速度超快,赢得了众多JavaScript开发者的青睐。
jQuery不仅支持各式各样的CSS选择符表达式,而且还支持XPath和自定义的选择符表达式,这一点在JavaScript库和框架领域中无出其右者,使开发者找到要操作的元素或集合简单得难以置信;它细腻灵巧而又富有弹性的事件处理机制,包括事件注册、触发和自定义,特别是令JavaScript的Guru级人物都喜不自禁的hover()方法,使它在JavaScript库和框架之林中独树一帜、个性十足;它在操作DOM文档时的大处着眼、小处着手,提供的丰富而实用的各种遍历和操作DOM结构及元素的方法,令人耳目一新,简直“直逼每个JavaScript爱好者的心理防线”,那种令人怦然心动的感觉,历久弥新;它处理AJAX请求和响应的简洁明快、它的简单易用、它超级方便的扩展机制、它丰富的插件支持(Interface等)、它背后的强大社区……所有这些,引无数JavaScript高手竞折腰!
事实上,因特网上的JavaScript库和框架数以百千计,为什么唯独jQuery对我们这些爱好者有如此大的吸引力呢?就是因为jQuery采取了与其他库和框架截然不同的理念,处处匠心独运,别出心裁——具体细节,请参考第1章。
本书作为第一本全面、深入介绍jQuery库的图书,可以说是应运而生的。书中包含了jQuery教程、jQuery实例和JavaScript最佳实践。jQuery教程部分是本书第2章至第6章,分别介绍了jQuery中的选择符、事件处理、DOM操作、动画效果和AJAX方法。其中,第3章、第4章、第5章结尾,特别归纳了相应方法及适用情形,既简明又实用。jQuery实例部分是本书第7章、第8章、第9章,分别围绕Web开发中最常见的表格、表单和动画效果,详尽地探讨了使用jQuery的方方面面。这几章的实例,深入讨论诸多Web开发问题,深入浅出、娓娓道来,时不时令人拍案叫绝、感叹很多百思不得其解的问题,其实只有一层窗户纸!第10章介绍了jQuery强大的扩展能力,介绍了扩展jQuery或者编写自已的jQuery插件的方法。这一章深入到jQuery核心,把整个库的架构全部展现给了读者,并向读者揭示出jQuery库中的“陷阱”和“关键”,令人有豁然开朗、恍然大悟之感。
现代JavaScript开发的一个基准点就是最佳实践。为了让读者不走弯路;不浪费宝贵的时间,本书在介绍通过jQuery进行JavaScript开发的过程中,实践了“渐进增强”和“平稳退化”这两个不唐突(unobtrusive)的JavaScript开发原则。把抽象的概念形象化、具体化,字里行间,渗透着作者对这些先进理念的阐发与启示。
值得一提的是,本书附录C是名符其实的“压轴好戏”。这么举重若轻、浅显易懂地讨论JavaScript闭包,在译者看来还是头一次。几个精心设计的例子,读者跟着走下来,不知不觉中就能领略到JavaScript这一高级特性的精髓所在(也许没有说得那么容易)。
书是人类进步的阶梯,这话一点不假,但“尽信书不如无书”。要想学习jQuery不能不看jQuery的图书,但是,只看是不管用的,还要动手实践——打开文本编辑器和浏览器,亲手写jOuery代码!书中很多地方讲的只是要点,而动手实践才能收获书中没有讲到的东西。
本书由李松峰负责翻译,参加翻译工作的还有李炜、秦绪文、李丽、程宝杰、宋连海、付荣艳、封耀杰、贾爱华、左艳坡、熊俊芹、刘英、宋会敏等。
最后,也是最重要的,我要感谢在翻译此书过程中,傅志红老师给我提供的帮助和建议。感谢武卫东老师、刘江老师对译稿的指点。感谢本书的责任编辑杨爽对译稿的认真审核和修改,如果不是她创造性地与我沟通,本书恐怕要留下不少遗憾。此外,还要感谢图灵俱乐部“明月星光”网友的热心建言,他的建议解决了一些我在翻译过程中遇到的问题。不过,囿于个人水平和能力,翻译中的错误和不当之处在所难免。

E. jQuery的使用方法以及注意事项

jQuery是封装的javascript库,语法和javascript相似,但是写法比javascript简单,比如获取ID对象,javascript:document.getElementByID("ID");而JQ只需要这样写:$("#ID");
w3c school有关于jQuery的基础教程。
注意事项:在需要用到JQ的页面中都需要引入JQ库才能使用。
如:<script src="jquery.js"></script>

F. jQuery选择器基础入门教程

本文实例讲述了jQuery选择器用法。分享给大家供大家参考,具体如下:
什么是jQuery选择器
使用JavaScript操作页面上得DOM元素时,首先要获取DOM元素。但是原始的javascript只元件根据ID或者TagName获取DOM对象。
在jQuery中则完全不同,jQuery提供了异常强大的选择器用以帮助我们获取页面上的对象,并且将对象以jquery对象的形式返回。
首先来看看什么是选择器。
//根据id获取jQuery对象
var
jQueryObject=$("#testDiv");
上例中使用了id选择器,选取id为testDiv的DOM对象并将它放入jQuery对象,最后返回了一个jQuery对象。
现在通过jQueryObject变量就可以操作testDiv图层了,因为jQueryObject是一个jQuery对象,所以可以使用所有的jQuery对象方法。比如修改图层中的HTML内容:
jQueryObject.html("修改后的HTML内容");
通过ID选中元素是最有效率的jQuery选择器。这是因为在原始的javascript中就提供了选中id的方法document.getElementById()。有关选择器的使用技巧将在后面提到。
jQuery选择器的强大在于提供了丰富的选择器,如果使用原始javascript则需要编写很多的代码才能实现。这极大减少了开发人员的工作量。
jQuery选择器核心函数
jQuery选择器调用的是jQuery核心函数:
jQuery(EXPRESSION,[econtext]);
这个函数接收一个包含选择器表达式的字符串,然后用这个字符串去匹配一组元素。
jQuery的核心功能都是通过这个函数实现的。jQuery中的大部分功能都基于这个函数,或者说都是在以某种方式使用这个函数。该函数最基本的用法就是向他传递一个表达式(通常由CSS选择器组成),然后根据这个表达式查找所有匹配的元素。
默认情况下,如果没有指定context参数,$()将在当前的HTML
document中查找DOM元素:如果指定了context参数,如一个dom元素集jQuery对象,则会在这个context中查找。在jQuery1.3.2以后,其返回的元素顺序等同于在context中出现的先后顺序。
参数说明如下:
~Expression:必选参数,选择器表达式。
~Context:可选参数,选择器上下文
~jQuery,选择器返回的jQuery对象,jQuery对象,jQuery对象是一个集合,可以使用链式语法调用各种jQuery函数。
Context参数能够缩小选择器的范围,加快查找速度。
更多关于jquery相关内容感兴趣的读者可查看本站专题:《jquery选择器用法总结》、《jquery常用操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery操作json数据技巧汇总》、《jQuery操作xml技巧总结》及《jQuery扩展技巧总结》
希望本文所述对大家jquery程序设计有所帮助。

热点内容
我的世界怎么扩容服务器内存 发布:2024-05-05 17:19:54 浏览:46
java读取文件字符 发布:2024-05-05 17:15:18 浏览:10
三星怎么应用加密 发布:2024-05-05 17:13:18 浏览:151
cad字体在那个文件夹 发布:2024-05-05 17:08:20 浏览:329
什么时候用编译器 发布:2024-05-05 17:08:20 浏览:764
应急救援脚本 发布:2024-05-05 17:08:17 浏览:336
我的世界搭建无正版验证服务器 发布:2024-05-05 17:03:48 浏览:817
我的世界服务器地址宝可梦 发布:2024-05-05 17:00:16 浏览:254
dede企业源码 发布:2024-05-05 16:57:53 浏览:786
如何查看java版本 发布:2024-05-05 16:45:05 浏览:494