读书笔记 | 《jQuery程序设计基础教程》

《jQuery程序设计基础教程》

简介

书籍《jQuery程序设计基础教程》

阅读方法:王者速读法

阅读目的:学习Web前端知识。

第一阶段,预览

要明确目的的解决问题

第一,想获得什么信息。专业基础知识,长时间没用,从知识、到思维都需要梳理梳理。

第二,能获得什么信息。分阶段的jQuery知识,与jQuery相关的Web前端开发技术CSS3、HTML5、Ajax等,配合Dreamwerver编辑工具。

第三,明确重点内容。jQuery知识及应用,jQuery环境配置,使用jQuery编程,操作HTML元素、设置CSS样式,进行事件处理动画特性等。

具体阅读

1.封面。「零起点,适合初学者」,「内容全」,「案例多」;姚敦红、杨凌 等编著。

2.版权页。2013年12月出版;内容简介对全书内容做了概括。

3.前言。对全书内容及特点做一个概括性阐述。

4.目录。共13章,目录已经把内容分为三大部分。第一部分基础篇 第1章和第2章,jQuery概述和JavaScript;第二部分进阶篇第3章到第8章,jQuery编程的具体细节知识;第三部分第9章和第13章,介绍jQuery编程的高级技术和应用实例。

总结

jQuery是一套轻量级的JavaScript脚本库,需要先掌握一定的HTML+CSS+JavaScript知识,再学习jQuery编程。书本目录对篇章结构有一个很好的划分,前言又有相应的内容说明,5分钟要浏览完所有的封面、前言、目录并不难,全书内容框架也只要看前言和目录就可以了解,出于对jQuery并不熟悉的缘故,要掌握其具体细节知识依然是任重道远。

第二阶段,快速翻阅全书

对图表的印象

翻阅所有的书页,标题、图表、照片等最显眼的内容相对繁多,还且大多都是知识点具体内容的罗列,虽然直观,但要都大致看一遍无异于精读,不过一些重要又陌生的知识点图表依然值得仔细阅读。

对章节内容的印象

全书300多页,5分钟翻页依然很难有什么具体的阅读,基本就跟浏览目录差不多,偶尔能就章节大标题之外浏览小标题,就是在浏览目录之外更详细的阅读了,对书本知识能够有一个更好的把握。

总结

书本内容比较丰富,熟悉章节内容尽可能略读或略过不读,本来是翻页阅读翻都翻不过来的,更别说浏览阅读了,所以很多时候不是获取新知识,而是通过视觉效果来使脑海的知识浮现出来,循旧补新,更是快速翻阅书本的收获之一。可以预见,20分钟跳读是没法做到的了,必须要更多的时间来抓取重点内容,系统性内容,而不只是几个单独的知识点。

第三阶段,跳读

第1部分  基础篇

第1章 jQuery概述

jQuery是一个轻型JavaScript脚本库,提供支持各种浏览器平台的API,主要有遍历和操作HTML元素、设置HTML元素和CSS样式、事件处理、实现与Ajax交互、动画特效等功能。


jQuery环境配置:jQuery是一个轻型JavaScript脚本库,其后缀名也是「.js」,使用JavaScript标签<script>引用jQuery脚本文件,方法一是引用jQuery在线脚本,方法二是引用本地jQuery脚本。

jQuery对象与DOM对象:DOM对象是通用的,jQuery对象来自jQuery类库,只能在jQuery程序中使用。

重点:jQuery概念,jQuery环境配置,jQuery对象,jQuery开发工具。

第2章 JavaScript程序设计

本章知识在《JavaScript从入门到精通》有更详尽的讲述,JavaScript是jQuery编程的基础,必须先学习的。

JavaScript程序设计的基本知识包括JavaScript代码的插入方法、JavaScript的基本语法、JavaScript函数、JavaScript对象、JavaScript事件处理等内容。

第2部分 进阶篇

第3章 jQuery选择器

使用jQuery选择器可以实现选择要管理和操作的HTML元素。jQuery使用$()在DOM中搜索与指定的选择器匹配的元素并创建一个引用该元素的jQuery对象。

本章介绍基础选择器、层次选择器和过滤器等jQuery选择器的使用方法。

基础选择器包括id选择器、标签名选择器、CSS类选择器、通赔选择器等。

层次选择器是指ancestor descendant(祖先 后代)选择器、parent>child(父>子)选择器、prev+next(前+后)选择器、prev~siblings(前~兄弟)选择器等。

jQuery过滤器通常用法是$(“选择器:过滤器”),jQuery的基本过滤器有:first、:last、:not、:even、:odd、:eq等;内容过滤器有:contains()、:empty()、:has()、:parent()等;另外还有可见性过滤器、属性过滤器、子元素过滤器等。

重点:jQuery基本过滤器的使用。

第4章 使用jQuery操作HTML元素

每个HTML元素都可以转换为一个DOM对象,每个DOM对象都有一组属性,通过其属性可以设置HTML元素的外观和特性,而jQuery可以方便地获取和设置HTML元素的属性,既可以使用jQuery访问和操作HTML元素的属性和内容,也可以使用jQuery对HTML元素进行管理操作。

重点:使用jQuery获取和设置HTML元素的属性和内容;使用jQuery管理HTML元素,如遍历、判断、删除、插入、复制、替换HTML元素。

第5章 jQuery插件

jQuery插件机制可以把自己的代码(对jQuery的有效扩展)制成jQuery插件供其他人引用。

要点:开发和引用jQuery插件。

滚动插件:捕获滚动事件的插件Waypoints、滚动特效插件scrollTo。

图表插件:Excel样式的表格插件Handssontable、HTML表格插件DataTables、图表效果插件Sparklines。

布局插件:布局插件Masonry、动态布局插件Freetile.js、瀑布流的网页布局插件Wookmark。

文字处理插件:自动调整文本大小的FitText.js插件、就地编辑插件jeditable。

UI插件:旋钮插件knob、显示模式弹出框的插件Avgrund、华东导航插件SlideDeck。

第6章 jQuery表单编程

基础知识:HTML表单知识。

jQuery表单选择器:input、:text、:password、:radio、:submit、:button、:reset、:file等。

jQuery表单过滤器有:enabled、:disabled、:checked、:selected。

jQuery的表单事件处理主要有blur()、focus()、change()、select()、submit()等方法。

jQuery的表单插件:a-tools插件、两级级联下拉列表插件DoubleSelection、表弹验证插件Validate等。

第7章 jQuery事件处理

jQuery可以使用Event对象对触发的事件进行处理,支持的事件包括键盘事件、鼠标事件、表单事件、文档加载事件和浏览器事件等。

第8章 使用jQuery设置CSS样式

基础知识:CSS样式知识。

拓展CSS3的新技术:实现圆角效果、多彩的边框颜色、阴影、背景图片、多列、潜入字体、透明度等。

使用jQuery可以方便地设置HTML元素的CSS样式、类别、位置和尺寸等。

第三部分  高级应用篇

第9章 jQuery动画特效

使用show()、hide()、toggle()方法显示、隐藏及切花显示状态。

使用fadeIn()、fadeOut()、fadeToggle()方法实现淡入和淡出及切换效果,fadeTo()方法直接调节HTML元素的透明度。

jQuery可以使用SlideDown()、SlideUp()、SlideToggle()方法以滑动效果显示和隐藏及其切换HTML元素显示效果。

jQuery可以使用queue()、dequeue()、ClearQueue()、delay()等方法实现动画队列的显示效果。

第10章 jQuery与Ajax

Ajax是Asynchronous JavaScript and XML(异步的JavaScript和XML)的缩写,用于在客户端创建异步的Web应用程序。jQuery提供的与Ajax技术相关的API,可以方便地实现Ajax的功能。

详细内容略。

第11章 jQuery与HTML5

jQuery支持HTML5的新特性,可以使网页设计得更加美观、新颖、有个性。

内容略。

第12章 jQuery特效应用实例

主要实例:提示条实例(滑出式提示条、智能提示条)、幻灯片或魔幻盒或滚动或翻转或自动滑动等效果的图片播放、菜单和选项卡特效、广告特效等。

第13章  jQuery Mobile

jQuery Mobile不是jQuery的一部分,而是基于jQuery的针对触屏智能手机和平板电脑的Web开发框架,是兼容主流移动设备平台的、支持HTML5的用户界面设计系统。

内容略。

总结

书本关于jQuery的知识从基础到进阶再到高级应用,内容丰富,知识点多,仍然是循序渐进的,初学者也可以慢慢在学习和操作中不断掌握全书的内容。

编程语言的学习离不开动手,初学编程语言的动手离不开案例,书本的案例多,方便学习和操作。

注意每一章开始都有对一章知识点的讲述,可以当作教学或学习目标来看,为学习指明了目标和方向。

应用王者阅读法阅读编程语言类书籍并不能多好地掌握书本的知识,却能在该阅读方法的驱动下比较快速的把全书浏览一遍,这对于学习需要快速行动来说,是非常有效果的。学得详细学得深入自然是好事,如果拿着一本书,十点半个月还没读完第一章,慢慢的就忘记要把书读完了,还不如一开始就使用一个快速阅读法把书本阅读一遍,了解全书大概内容,也不至于开头不知体尾。

最后附录里的实验是检验学习知识掌握程度很好的方法。

关于王者阅读法阅读Web前端专业书籍的实践,还可以阅读以下文章:

1.阅读笔记 | 《HTML网页设计参考手册》

2.阅读笔记 | 《CSS标准网页布局开发指南》

3.阅读笔记 | 《JavaScript从入门到精通》

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,332评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,508评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,812评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,607评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,728评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,919评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,071评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,802评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,256评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,576评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,712评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,389评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,032评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,026评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,473评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,606评论 2 350

推荐阅读更多精彩内容