前言: 因为公司的项目用到了jQuery+Bootstrap,而Bootstrap基于jQuery,突然发现自己只是很久前看过jQuery的视频教程,对jQuery的一些API有一些了解,在使用中还是之前然不知其所以然,所以想要更加深入的去学习一下jQuery. 于是开始在网上找书看,在官网上看到了这本书,因为是官方推荐的,所以找来认真的翻一翻,现在看完了第四章,写一下总结. 第1章:jQuery入门 开始对jQuery的了解 对比纯JavaScript和jQuery,使用jQuery开发的好处…

1. /****************************************************************************** Our plugin code comes first in this document. Normally, plugins would appear in separate files named jquery.plugin-name.js, but for our examples it's convenient to pla…

一.The options object 1.增加阴影效果 (function($) { $.fn.shadow = function() { return this.each(function() { var $originalElement = $(this); for (var i = 0; i < 5; i++) { $originalElement .clone() .css({ position: 'absolute', left: $originalElement.offset()…

一.Object method context 1.We have seen that adding global functions requires extending the jQuery object with new methods. Adding instance methods is similar, but we instead extend the jQuery.fn object(The jQuery.fn object is an alias to jQuery.proto…

一. 1.To add a function to the jQuery namespace, we can just assign the new function asa property of the jQuery object: (function($) { $.sum = function(array) { // Code goes here }; })(jQuery); Now, in any code that uses this plugin, we can write: $.s…

本书代码参考:Learning jQuery Code Listing Browser 原书: jQuery基础教程 目录: 第2章 选择元素 1. 使用$()函数 2. 选择符 3. DOM遍历方法 4. 访问DOM元素 第3章 事件 1. $(document).ready()和window.onload事件 2. 事件添加 3. 事件委托 4. 移除事件处理 第4章 样式与动画 1. 通过.css()来获取或修改元素样式属性的值. 2. 隐藏和显示元素 3. 创建自定义动画 第5章 操作D…

最近在看<jQuery基础教程>这本书,做了点读书笔记以备回顾,不定期更新. 第一章第二章比较基础,就此略过了... 第三章 事件 jQuery中$(document).ready()与javascript原生的window.onload()区别: $(document).ready():通过该方法注册的事件处理程序,会在DOM完全就绪并使用时调用.虽然这意味着所有元素对脚本而言都是可访问的,但是,却不意味着所有关联的文件都下载完毕.当HTML下载 完成并解析成DOM树之后,代码就可以开始运行…

最近静下心来看书才深刻的体会到:看书真的很重要,只有看书才能让你有心思静下心来思考. 重温<jquery基础教程> 一.事件 主要掌握常见的事件以及理解jquery的事件处理机制. 需要注意的有: 1.事件传播,包括了事件捕获和事件冒泡,以及怎么消除事件传播的影响,以及应用事件传播. 主要的方法有:a.根据事件目标来确定操作,即event.target b.阻止事件传播,即event.stopPapogation c.理解默认事件和jquery事件的区别还有阻止默认事件,即preventDef…

目录 Objective-C 基础教程第三章,面向对象编程基础知 0x00 前言 0x01 间接(indirection) 0x02 面向对象编程中使用间接 面向过程编程 面向对象编程 0x03 OC面向对象 术语 0x04 OC语言中的OOP @interface @implementation instantiation(实例化对象) 0x05 第三章小节 Objective-C 基础教程第三章,面向对象编程基础知 0x00 前言 书中的这章节主要是对零基础的人介绍面向对象编程的基础知识,一…

目录 Objective-C 基础教程第五章,复合 什么是复合? Car程序 自定义NSLog() 存取方法get Set Tires(轮胎) 存取方法 Car类代码的其他变化 扩展Car程序 复合还是继承 小结 Objective-C 基础教程第五章,复合 什么是复合? 编程中的复合(composition)就好像音乐中的作曲(composition)一样:将多个组件组合在一起,配合使用,从而得到完整的作品. Car程序 接下来我们不再用shape作为例子来写代码了,这次用car作为例子写代码…

目录 Object-C 基础教程第六章,源文件组织 0x00:前言 0x01:Xcode创建OC类 0x02:Xcode群组 0x03 Xcode跨文件依赖关系 @class关键字 导入和继承 小结 Object-C 基础教程第六章,源文件组织 0x00:前言 到目前为止,我们讨论过的所有项目都是把源代码统统放入到了main.m文件中.这样随着项目越来越大,文件内容会越来越多,到后面我们的项目就不太好管理,因为所有东西都写在一起搜索起来也比较费劲. 现在我们需要学习Xcode用类文件的方式来区分…

目录 Object-C 基础教程第七章,深入理解Xcode 0x00 前言 0x01 创建工程界面 0x02 主程序界面 ①顶部 Top Test(测试) Profile(动态分析) Analyze(静态分析) Git Scheme ②左边 Left ③中间 Center ④底部 Bottom 0x03 菜单 Xcode菜单 About Xcode(关于) Xcode Extensions(扩展) Xcode Developer Tools(开发工具) Services(服务) Preferen…

子曰:“温故而知新,可以为师矣.”孔子说:“温习旧知识从而得知新的理解与体会,凭借这一点就可以成为老师了.“ 尤其是咱们搞程序的人,不管是不是全栈工程师,都是集十八般武艺于一身.不过有时候有些知识如果有很久没用了的话,就会忘记,甚至是忘的你一点都想不起来,尤其是一些基础的东西.所以我才打算写个"温故而知新"的系列博文出来,一来是这些基础的东西我比较健忘,以后方便自己翻阅:二来是希望可以帮助到一些刚入门的朋友.这个系列记录的所有知识点都是最最最(重要的事情说三遍)基础的知识.大部分都是我…

本文仅为个人jquery基础的学习,简单的记录以备忘. 在线手册:http://www.php100.com/manual/jquery/第一章:jquery入门基础jquery知识:jquery能做什么:为什么需要jquery. 第二章:选择符工厂函数$()css选择符属性选择符自定义选择符DOM遍历方法 第三章:事件jQuery.noConflict([extreme]):运行这个函数将变量$的控制权让渡给第一个实现它的那个库.常用方法:(包括键盘,鼠标事件)blur([[data],fn]…

前言 本系列教程基本就是摘抄<Python机器学习基础教程>中的例子内容. 为了便于跟踪和学习,本系列教程在Github上提供了jupyter notebook 版本: Github仓库:https://github.com/Holy-Shine/Introduciton-2-ML-with-Python-notebook 系列教程总目录 Python机器学习基础教程 引子 先导入必要的包 import numpy as np import matplotlib.pyplot as plt i…

前言 本系列教程基本就是摘抄<Python机器学习基础教程>中的例子内容. 为了便于跟踪和学习,本系列教程在Github上提供了jupyter notebook 版本: Github仓库:https://github.com/Holy-Shine/Introduciton-2-ML-with-Python-notebook 系列教程总目录 Python机器学习基础教程 引子 先导入必要的包 import numpy as np import matplotlib.pyplot as plt i…

前言 本系列教程基本就是摘抄<Python机器学习基础教程>中的例子内容. 为了便于跟踪和学习,本系列教程在Github上提供了jupyter notebook 版本: Github仓库:https://github.com/Holy-Shine/Introduciton-2-ML-with-Python-notebook 系列教程总目录 Python机器学习基础教程 引子 先导入必要的包 import numpy as np import matplotlib.pyplot as plt i…

前言 本系列教程基本就是摘抄<Python机器学习基础教程>中的例子内容. 为了便于跟踪和学习,本系列教程在Github上提供了jupyter notebook 版本: Github仓库:https://github.com/Holy-Shine/Introduciton-2-ML-with-Python-notebook 系列教程总目录 Python机器学习基础教程 引子 假设有一名植物学爱好者对她发现的鸢尾花的品种很感兴趣.她收集了每朵鸢尾花的一些测量数据:花瓣的长度和宽度以及花萼的长度和…

前言 本系列教程基本就是摘抄<Python机器学习基础教程>中的例子内容. 为了便于跟踪和学习,本系列教程在Github上提供了jupyter notebook 版本: Github仓库:https://github.com/Holy-Shine/Introduciton-2-ML-with-Python-notebook 系列教程总目录 Python机器学习基础教程 引子 导入必要的包 import numpy as np import matplotlib.pyplot as plt im…

1.调用show()和hide()方法显示和隐藏元素 show()和hide()方法用于显示或隐藏页面中的元素,它的调用格式分别为:$(selector).hide(speed,[callback])和$(selector).show(speed,[callback]) 参数speed设置隐藏或显示时的速度值,可为“slow”.“fast”或毫秒数值,可选项参数callback为隐藏或显示动作执行完成后调用的函数名. 例如,在页面中,通过点击“显示”和“隐藏”两个按钮来控制图片元素的显示或隐藏状…

1.:first过滤选择器 本章我们介绍过滤选择器,该类型的选择器是根据某过滤规则进行元素的匹配,书写时以“:”号开头,通常用于查找集合元素中的某一位置的单个元素. 在jQuery中,如果想得到一组相同标签元素中的第1个元素该怎样做呢? 在下面的示例代码中你可能注意到我们会使用   $(“li:first”) 注意:书写时以“:”号开头. 运行结果: 使用li:first过滤选择器可以很方便地获取ul列表中的第一个li元素. :first过滤选择器的功能是获取第一个元素,常常与其它选择器一起使用…

自定义选择符 JQuery在各种CSS选择符的基础上还添加了独有的完全不同的自定义选择符,注意,只要可能,jQuery就会使用浏览器原生的DOM选择符引擎去查找元素.但在使用自定义选择符的时候,就无法使用速度最快的原生方法了.因此,在能够使用原生方法的情况下,就不要频繁地使用自定义选择符,以确保性能 自定义选择符通常跟在一个CSS选择符后面,基于已经选择的元素集的位置来查找元素.自定义选择符的语法与CSS中的伪类选择符语法相同,即选择符以冒号(:)开头.例如,我们想要从带有horizontal类…

JQuery能做什么 JQuery在线手册 1.取得文档中的元素 如果不使用JavaScript库,遍历DOM(Document Object Model,文档对象模型)树,以及查找HTML文档结构中某个特殊的部分,必须编写很多行代码.jQuery为准确地获取需要检查或操纵的文档元素,提供了可靠而富有效率的选择符机制.$('div.content').find('p'); 2.修改页面的外观 CSS虽然为影响文档呈现的方式提供了一种强大的手段,但当所有浏览器不完全支持相同的标准时,单纯使用CSS…

第1章 jQuery入门 1.jQuery官方网站:http://jquery.com   2.开发工具:Firebug         第2章 选择元素 1.属性选择符:属性选择符通过HTML元素的属性选择元素 eg: $('img[alt]') 属性选择符使用一种从正则表达式中借鉴来的通配符语法,以^表示值在字符串的开始,以$表示值在字符串的结尾.而且,也是用星号*表示要匹配的值可以出现在字符串中的任意位置,用感叹号!表示对值取反 eg: $('a[href^="mailto:"]…

这一章的结构如下: SELECT 语句基础 算术运算符和比较运算符 逻辑运算符 SELECT 语句可用于查询数据,并且可以设定条件来查询具有特定值的记录.条件的设定就需要算数运算符.比较运算符和逻辑运算符发挥作用. SELECT 语句基础 格式 SELECT <column1>, <column2>, <column3>...FROM <table>; 注意:SELECT 语句后面的对象既可以是列名,也可以是相关的算术表达式. AS 关键字 功能:利用 AS…

1.使用$()函数 $()函数其实是创建了一个jQuery对象. 这个函数接受CSS选择符作为参数,充当一个工厂, 返回包含页面中对应元素的jQuery对象. 所有能在样式表中使用的选择符都可以传给这个函数, 随后就可以对匹配的元素集合应用jQuery方法. 在jQuery中,美元符号$其实就是标示符jQuery的"别名". 2.选择符 . 基本选择符 $('p') //取得所有标签为p的元素 $('.class') //取得所有类为class的元素 $('#id') //取得id为i…

第5章:操作DOM HTML属性和DOM属性:attr()和prop() 获取表单控件的值:val() DOM操作方法的归纳: (1) 要在HTML中创建新元素,使用$()函数.(2) 要在每个匹配的元素中插入新元素,使用: .append() .appendTo() .prepend() .prependTo()104 第 5 章 操作 DOM(3) 要在每个匹配的元素相邻的位置上插入新元素,使用: .after() .insertAfter() .before() .inse…

本章将会介绍如何使用字符串何世华其他的值(如打印特殊格式的字符串),并简单了解下利用字符串的分割.联接.搜索等方法能做些什么 3.1 基本字符串操作 所有标准的序列操作(索引.分片.乘法.判断成员资格.求长度.取最小值和最大值)对字符串同样适用,请记住字符串是不可变的. 3.2 字符串格式化:精简版 字符串格式化适用字符串格式化操作符,即百分号%来实现 在%的左侧防止一个字符串(格式化字符串),而右侧则放置希望格式化的值.可以使用一个值,如一个字符串或者数字,也可以使用多个值的元组或者下一张将会…

在线聊天室案例 一.功能简介: 1.用户需要登录后才能进入聊天室交流 2.已无刷新的方式,动态展示交流后的内容和在线人员的基本信息 3.登录后的用户可以提交文字和表情图标 技术重点:利用ajax的无刷新技术请求并展示数据 二.实现界面 1.登录页面(验证用户信息) 功能描述: a.为了显示当前的在线人员的信息,进入聊天室时,必须先登录,保存登录用户的基本信息: b.用户在登录聊天室时,调用jQuery中Ajax的全局函数$.ajax(),将获取的用户名与密码数据向数据器发送请求,并使用全局的aj…

1.获取浏览器的名称与版本信息 在jQuery中,通过$.browser对象可以获取浏览器的名称和版本信息,如$.browser.chrome为true,表示当前为Chrome浏览器,$.browser.mozilla为true,表示当前为火狐浏览器,还可以通过$.browser.version方式获取浏览器版本信息. 例如,调用$.browser对象,获取浏览器名称并显示在页面中,如下图所示: 在浏览器中显示的效果: 从图中可以看出,通过调用$.browser对象,检测当前浏览器的所属类型,并…