Jquery基础教程第二版学习记录

本文仅为个人jquery基础的学习,简单的记录以备忘。

在线手册:http://www.php100.com/manual/jquery/
第一章:jquery入门
基础jquery知识:jquery能做什么;为什么需要jquery。

第二章:选择符
工厂函数$()
css选择符
属性选择符
自定义选择符
DOM遍历方法

第三章:事件
jQuery.noConflict([extreme]):运行这个函数将变量$的控制权让渡给第一个实现它的那个库。
常用方法:(包括键盘,鼠标事件)
blur([[data],fn]) change([[data],fn])
click([[data],fn]) dblclick([[data],fn])
error([[data],fn])
focus([[data],fn]) focusin([data],fn) focusout([data],fn)
keydown([[data],fn]) keypress([[data],fn]) keyup([[data],fn])
mousedown([[data],fn]) mouseenter([[data],fn]) mouseleave([[data],fn]) mousemove([[data],fn]) mouseout([[data],fn]) mouseover([[data],fn]) mouseup([[data],fn])
resize([[data],fn]) scroll([[data],fn])
select([[data],fn]) submit([[data],fn])
unload([[data],fn])

事件绑定,冒泡。。。参考文章:【http://kb.cnblogs.com/page/94469/ jQuery的.bind()、.live()和.delegate()之间区别_知识库_博客园】
事件处理:
on(eve,[sel],[data],fn) off(eve,[sel],[fn]) bind(type,[data],fn) unbind(type,[data|fn]) one(type,[data],fn)
trigger(type,[data]) triggerHandler(type, [data])
事件委派
live(type,[data],fn) die(type,[fn])
delegate(sel,[type],[data],fn) undelegate([sel,[type],fn])
阻止默认事件及停止传播:
preventDefault方法:阻止它的默认行为的发生而发生其他的事情
stopPropagation方法:阻止js事件冒泡的作用
通过.trigger()在每一个匹配的元素上触发某类事件。

第四章:效果
主要通过.css()和.animate()来渐进增强页面的功能
基本
show([speed,[easing],[fn]]) hide([speed,[easing],[fn]]) toggle([speed],[easing],[fn])
滑动
slideDown([spe],[eas],[fn]) slideUp([speed,[easing],[fn]]) slideToggle([speed],[easing],[fn])
淡入淡出
fadeIn([speed],[eas],[fn]) fadeOut([speed],[eas],[fn]) fadeTo([[spe],opa,[eas],[fn]]) fadeToggle([speed,[eas],[fn]])
自定义
animate(param,[spe],[e],[fn])
stop([cle],[jum])1.7* delay(duration,[queueName])

第五章:DOM操作
要在HTML中创建新元素,使用$()工厂函数
内部插入
append(content|fn) appendTo(content) prepend(content|fn) prependTo(content)
外部插入
after(content|fn) before(content|fn) insertAfter(content) insertBefore(content)
包裹
wrap(html|ele|fn) unwrap() wrapall(html|ele) wrapInner(html|ele|fn)
替换
replaceWith(content|fn) replaceAll(selector)
删除
empty() remove([expr]) detach([expr])
复制
clone([Even[,deepEven]])

第六章:AJAX
通过AJAX主要引入四种数据格式:HTML,JSON,Javascript,XML
ajax 请求
$.ajax(url,[settings]) load(url,[data],[callback]) $.getJSON(url,[data],[fn]) $.getScript(url,[callback])
$.get(url,[data],[fn],[type]) $.post(url,[data],[fn],[type])
ajax 状态方法
ajaxComplete(callback) ajaxError(callback) ajaxSend(callback) ajaxStart(callback) ajaxStop(callback) ajaxSuccess(callback)

第七章:表格操作
通过表格案例,介绍了jquery的使用。
1.表格的排序和分页
2.修改表格外观:突出显示行,工具提示条,折叠扩展,筛选

第八章:构建功能型表单
1.表单的前端验证(必填字段,内容格式验证)
2.ajax收索功能
3.兼容性的字段占位符
4.处理方向键(使用方向键选择)
5.对数字型表单的操作(购物车功能,修改件数,删除内容)

第九章:滑动和翻转
1.滑动显示新闻
2.ajax获取新闻,ajax的使用
3.图像传送带(点击滑动图像,放大镜效果,延迟加载动画)

第十章:使用插件
推荐插件:
表单类:

  • Autocomplete(用户填写文本输入时,显示可能的匹配列表),
  • Validation(基于各种标准验证表单输入字段),
  • jeditable(相应用户某些操作——如单击或双击时,将非表单元素转化为可以编辑的输入字段,修改后的内容可以自动发回服务器保存),
  • Masked input(为输入特定格式提供了便利,如日期、电话号码、邮编等)

表格类:

  • Tablesorter(把表格元素转化为无需刷新即可自动排列的表格),
  • jqGrid(ajax驱动的javascript控件,支持在web页面动态展示和操作表格数据),
  • Felxigrid(与jqGrid类似),

图像类:

  • jcrop(裁剪图像),
  • Magnify(放大镜效果,生成放大镜),

对话框类——功能都类似,弹出框,对话框;一般FancyBox比较常用

  • FancyBox, Thickbox, BlockUI, jqModal

图表类——功能类似,使用canvas生成图表

  • Flot, Sparklines,

事件类:

  • hoverIntent(与hover类似,但它可以根据用户鼠标指针移入或移除元素做出反应,特别适合下拉菜单动画),
  • Live query(与live类似)

第十一章:插件的制作
插件的制作,不过,这篇文章http://www.cnblogs.com/Wayou/p/jquery_plugin_tutorial.html更详细

时间: 2025-01-02 18:36:05

Jquery基础教程第二版学习记录的相关文章

python基础教程第二版读书笔记

第一张 基础知识 模块 import 模块:用函数的时候格式 模块.函数 from 模块 import 函数:用函数的时候格式  函数 字符串 ‘x‘反引号(不是单引号‘’,也可用repr函数),可以将数值x变为字符串,例如x=1,print ”hello“+x(错误),print ”hello“+‘x‘(对的) r-原始字符串,即\将不作为转义符号,例如r”c:\n“ 第二章 列表和元祖(列表可以修改,元祖不能修改) 列表 x=['a',1] y=['b',2] c=[x,y] 索引 0-第一

jquery基础教程 - 第二章 选择元素

内容提要 1.网页中元素的介绍 2.如何通过CSS选择符在页面中查找元素 3.扩展jquery标准的CSS选择符 4.让选择页面元素更灵活的DOM遍历方法 本章重点:让我们能够在DOM中快捷而又轻松地获取元素或元素的集合 1.网页中元素介绍 1.1理解DOM -- JQUERY最大的特性之一就是它能够简化在DOM中选择元素的任务, DOM 充当网页和javascript之间的接口,它以对象网络而非纯文本的形式来表现html的代码 <html>是网页中的祖先元素: 搞清楚子元素,父元素,同辈元素

读书笔记--《Python基础教程第二版》--第六章 抽象

6.1 懒惰即美德 >>> fibs=[0,1] >>> for i in range(8): ...  fibs.append(fibs[-2]+fibs[-1]) ... >>> fibs [0, 1, 1, 2, 3, 5, 8, 13, 21, 34] 6.2 抽象和结构 page=download_page() freqs=compute_frequencies(page) for word,freq in freqs: print word

读书笔记--《Python基础教程第二版》--第2章列表和元组

第二章 列表和元组 2.1 序列的概览 序列:每个元素被分配一个序号  6种:列表.元组.字符串.Unicode字符串.buffer对象.xrange对象         序列可以嵌套序列          python容器的概念:序列.字典.集合 2.2 通用序列的操作 索引.分片.加.乘.属于.长度,最大值.最小值.迭代 2.2.1 索引 >>> greeting='Hello' >>> greeting[0] 'H' >>> greeting[-

读书笔记--《Python基础教程第二版》--第七章 更加抽象

7.1 对象的魔力 多态 不同的类的对象使用同样的操作 封装 继承 7.1.1 多态 1.多态和方法 >>>object.getPrice() >>> 'abc'.count('a') 1 >>> [1,2,'a'].count('a') 1 >>> from random import choice >>> x=choice(['Hello world!',[1,2,'e','e',4]]) >>>

读书笔记--《Python基础教程第二版》-- 第四章 字典:当索引不好用时

字典里的键可以是数字.字符串.元组 4.1 字典的使用 >>> name=['Alice','Beth','Earl'] >>> numbers=['2341','9102','0142'] #电话号码必须使用字符串,二不能是整数,因为电话号码可能以0开头 >>> numbers[name.index('Beth')] '9102' 4.2 创建和使用字典 >>> data ={'title':'My Home Page','text

读书笔记--《Python基础教程第二版》-- 第五章 条件、循环和其他语句

5.1 print和import的更多信息 5.1.1 使用独号输出 >>> print 'Age:',42 Age: 42 >>> 1,2,3 (1, 2, 3) >>> print 1,2,3 1 2 3 >>> print (1,2,3) (1, 2, 3) >>> name='Gumby' >>> greeting='Hello' >>> salutation='Mr.'

C++语言基础教程(第二版)吕凤翥 第三章 语句和预处理

1.选择语句 形如:if() else if() else 其中else if和else的个数可以为0个 #include <iostream> using namespace std; void main(){ int a; cout << "Please input a number!" << endl; cin >> a; if (a == 1){ cout << "Input is one" <

C++语言基础教程(第二版)吕凤翥 第十二章 C++语言的输入输出操作

1.输入输出流 输入是指字节流从输入设备流向内存,输出是指字节流从内存流向输出设备. 标准文件是指标准输入文件键盘和标准输出文件显示屏幕. cin是istream类的对象,用来处理键盘输入: cout是ostream类的对象,用来处理屏幕输出: cerr是ostream类的对象,用来处理错误信息的输出,提供不带缓冲区的屏幕输出: clog是ostream类的对象,用来处理输出信息,提供打印机输出: #include<iostream> #include<string> using