前言:

因为公司的项目用到了jQuery+Bootstrap,而Bootstrap基于jQuery,突然发现自己只是很久前看过jQuery的视频教程,对jQuery的一些API有一些了解,在使用中还是之前然不知其所以然,所以想要更加深入的去学习一下jQuery。

于是开始在网上找书看,在官网上看到了这本书,因为是官方推荐的,所以找来认真的翻一翻,现在看完了第四章,写一下总结。

第1章:jQuery入门

  • 开始对jQuery的了解
  • 对比纯JavaScript和jQuery,使用jQuery开发的好处
  • 介绍工具,这里推荐Chrome开发者工具


第2章:选择元素

  • jQuery选择符:CSS选择符(参考附录C.1)、属性选择符([])、自定义选择符(:)
  • 对DOM的操作:访问、遍历


第3章:事件

  • $(document).ready(fn)或者$(fn)
  • on(events,[selector],[data],fn) 和它的简写方式

  • 事件传播:事件捕获和事件冒泡

  • 改变事件的旅程:阻止事件传播、阻止默认操作、事件委托

  • off(events,[selector],[fn])

  • 模仿用户操作:trigger(type,[data]) 与其简写

第4章:样式和动画

  • 显示/隐藏:show([speed,[easing],[fn]]) 和 hide([speed,[easing],[fn]])
  • 淡入/淡出:fadeIn([speed],[easing],[fn]) 和 fadeOut([speed],[easing],[fn])
  • 滑上/滑下:slideDown([speed,[easing],[fn]]) 和 slideUp([speed,[easing],[fn]])
  • 切换:toggle([speed,[easing],[fn]]) 和 fadeToggle([speed,[easing],[fn]]) 和 slideToggle([speed,[easing],[fn]])
  • 自定义动画:animate(params,[speed],[easing],[fn])

总结: 《jQuery基础教程》 1-4章的更多相关文章

  1. jQuery基础教程-第8章-004完整代码

    1. /****************************************************************************** Our plugin code c ...

  2. jQuery基础教程-第8章-003Providing flexible method parameters

    一.The options object 1.增加阴影效果 (function($) { $.fn.shadow = function() { return this.each(function() ...

  3. jQuery基础教程-第8章-002Adding jQuery object methods

    一.Object method context 1.We have seen that adding global functions requires extending the jQuery ob ...

  4. jQuery基础教程-第8章-001Adding new global functions

    一. 1.To add a function to the jQuery namespace, we can just assign the new function asa property of ...

  5. 《jQuery基础教程(第四版)》学习笔记

    本书代码参考:Learning jQuery Code Listing Browser 原书: jQuery基础教程 目录: 第2章 选择元素 1. 使用$()函数 2. 选择符 3. DOM遍历方法 ...

  6. 《jQuery基础教程》读书笔记

    最近在看<jQuery基础教程>这本书,做了点读书笔记以备回顾,不定期更新. 第一章第二章比较基础,就此略过了... 第三章 事件 jQuery中$(document).ready()与j ...

  7. jquery基础教程读书总结

    最近静下心来看书才深刻的体会到:看书真的很重要,只有看书才能让你有心思静下心来思考. 重温<jquery基础教程> 一.事件 主要掌握常见的事件以及理解jquery的事件处理机制. 需要注 ...

  8. Objective-C 基础教程第三章,面向对象编程基础知

    目录 Objective-C 基础教程第三章,面向对象编程基础知 0x00 前言 0x01 间接(indirection) 0x02 面向对象编程中使用间接 面向过程编程 面向对象编程 0x03 OC ...

  9. Objective-C 基础教程第五章,复合

    目录 Objective-C 基础教程第五章,复合 什么是复合? Car程序 自定义NSLog() 存取方法get Set Tires(轮胎) 存取方法 Car类代码的其他变化 扩展Car程序 复合还 ...

随机推荐

  1. 第五周作业总结(内含用Junit测试ArrayStack和LinkedStack课堂练习报告)

    ---恢复内容开始--- 学号 20162310<程序设计与数据结构>第五周学习总结 教材学习内容总结 集合分为线性集合(集合中的元素排成一行)和非线性集合(按不同于一行的方式来组织元素, ...

  2. 第二阶段Sprint冲刺会议9

    进展:查看有关“共享平台”的资料,看如何实现上传下载功能,并尝试编码,没有成功.

  3. 第二阶段Sprint冲刺会议3

     进展:讨论视频录制的具体功能,查看有关资料,开始着手编写有关代码.

  4. 《Spring1之第三次站立会议》

    <第三次站立会议> 昨天:我对自己找到的代码进行了相关的了解后,把它们在编译环境中进行了编译以及接着对代码进行逐步深入了解: 今天:我把小组成员找到的写关于登录界面的代码加到了我的项目工程 ...

  5. Java未赋值变量的默认初始值

    在 Java 程序中,任何变量都必须经初始化后才能被使用.当一个对象被创建时,实例变量在分配内存空间时按程序员指定的初始化值赋值,否则系统将按下列默认值进行初始化: 数据类型 初始值 byte 0 s ...

  6. C++自学随笔(2)

    引用 就像人的别名,人不能只有别名,变量也不能只有引用. 指针类型的引用:*&指针引用名 = 指针. 如int a = 10;int *p =&a;int *&q =p1 co ...

  7. Vue 小组件input keyup.enter绑定

    <div id="todo-list-example"> <input v-model="newTodoText" v-on:keyup.en ...

  8. 微信 小程序布局 scroll-view

      //滚动触底事件 <scroll-view scroll-y lower-threshold="0" bindscrolltolower="scrollBott ...

  9. AJAX 跨域问题 php

    原生ajax请求方式: var xhr = new XMLHttpRequest(); xhr.open("POST", "http://xxxx.com/demo/b/ ...

  10. response和request的setCharacterEncoding区别

    一.request.setCharacterEncoding():是设置从request中取得的值或从数据库中取出的值. 指定后可以通过getParameter()则直接获得正确的字符串,如果不指定, ...