jQuery笔记整理

鼠标指针悬 停的事件 （鼠标移 进，触发第 一个函数， 移除，触发 第二个函 数）
Hover(enter,leave)
鼠标连续 click事件 （单击一次 触发一个事 件，重复循 环）
Toggle(fn1,fn2….fnN);
控制元素从 下向上延伸 显示
控制元素从
上向下延伸 显示
animate(params,[speed], [fn])
用于创建自 定义动画的 函数
params:一组包含作为动画属性和终值 的样式属性和及其值的集合(多个则用 {}括起) speed: 表示动画时长的毫秒数值 fn: 在动画完成时执行的函数，每个元 素执行一次
removeClass(class1,class2) 移除样式
toggleClass(class)
外部插入
到A中
prependTo(content) 前置，$(A). prependTo (B)表示把A追 加到B中
After(content)
后置，$(A). After (B)表示把B插入到 A之后
insertAfter(content) 后置，$(A). insertAfter (B)表示把A插 入到B之后
:lt(index)
基本过滤选择器 示例
$(“li:first”)选取所有<li>元素中的第一个<li>元素 $(“li:last”)选取所有<li>元素中的最后一个<li>元素 $(“li:not(.three)”)选取class不是three的元素 $(“li:even”)选取索引是偶数的所有<li>元素 $(“li:odd”)选取索引是奇数的所有<li>元素 $(“li:eq(1)”)选取索引等于1的<li>元素 $(“li:gt(1)”)选取索引大于1的<li>元素（注意：大 于1，不等于1） $(“li:lt(1)”)选取索引大于1的<li>元素（注意：小 于1，不等于1）
Select()
(表单验证 方法)选取 文本域中的 内容，突出 显示输入区 域的内容
【（onblur,onfocus）表单验证的失去 焦点跟获得焦点的事件】
find(expr|obj|ele)
搜索所有与 指定表达式 匹配的元 素。这个函 数是找出正 在处理的元 素的后代元 素的好方 法。
Expr: 用于查找的表达式 object: 一个用于匹配元素的jQuery对 象 element: 一个DOM元素
控制元素淡 出
Speed：可选，元素从隐藏到完全可 见的速度 Callback：可选，show函数执行完之 后要执行的函数
触发或将函 鼠标指针移过时 数绑定到指 定元素的 mouseover() 事件
触发或将函 数绑定到指 定元素的 mouseout() 事件
鼠标指针移出时
触发或将函 数绑定到指 定元素的 keydown事 件
Split(str)
将字符串分割为字符串数组
5．数组： 1）Var 数组名称=new Array(size); 2）数组的常用属性和方法：
类型 名称 属ຫໍສະໝຸດ Baidu Length
切换不同元 素的类样式
Html([content])
对HTML代 码进行操 作，通常用 于动态的新 增页面内容
Cotent:可选。规定被选元素的新内 容，该参数可以包含HTML标签。无 参时，表示获取被选元素的文本内容
Text()
获取或设置 元素的文本 内容，不含 HTML标签
Content:可选。规定被选元素的文本 新内容。无参时，表示获取被选元素 的文本内容
正则表达式的常用符号：
符号
描述
/…/
代表一个模式的开始和结束
^
匹配字符串的开始
$
匹配字符串的结束
\s
任何空白字符
\S
任何非空白字符
\d
匹配一个数字字符，等价于[0-9]
\D
除了数字之后的任何字符，等价于[^0-9]
\w
匹配一个数字、下划线或字母字符，等
价于[A-Za-z0-9_]
\W
任何非单字字符，等价于[^a-zA-Z0-9_]
删除元素属 参数为属性名称 性
获取紧邻匹 参数可选，用于过滤同辈元素的表达 配元素之前 式 的元素
获取位于匹 配元素前面 和后面的所 有同辈元素
参数可选，用于过滤同辈元素的表达 式
获取当前匹 配元素集合 中每一个元 素的父级元 素
参数可选
获取当前匹 配元素集合 中每一个元 素的祖先元 素
参数可选
获取当前匹 配元素下的 所有子元素
Before(content)
前置，$(A). Before (B)表示把B插入 至A之前
insertBefore(content) 前置，$(A). insertBefore (B)表示把A 插入至B之前
正则表达式
Var reg=/表达式/附加参数 表达式：一个字符串代表了某种规则，其中可以使用某些特 殊字符来代表特殊的规则 附加参数：用来扩展表达式的含义，主要有一下3个参数： g：代表可以进行全局匹配 i：代表不区分大小写匹配 m：代表可以进行多行匹配
获得所匹配 元素集合中 每个元素其 后紧邻的同 辈元素
触发或将函 数绑定到指 定元素的 click事件
控制元素显 示
Speed：可选，元素从隐藏到完全可 见的速度 Callback：可选，show函数执行完之 后要执行的函数
控制元素隐 藏
Speed：可选，元素从隐藏到完全可 见的速度 Callback：可选，show函数执行完之 后要执行的函数
插入节点方法
插入方式
方法
描述
Append(content) 内容插入
后置，$(A).append(B)表示把B追加 到A中
appendTo(content) 后置，$(A).appendTo(B)表示把A追 加到B中
Prepend(content) 前置，$(A). Prepend (B)表示把B追加
class为title的
元素<dl>
元素
$(“[href^=’en’]”)选 取href属性值以en 开头的元素
交集 $(“h2.title”)选 选择 取所有拥有
器 class为title的 h2元素（id也 行）
全局 $(“*”)选取所 选择 有元素
器
$(“[href$=’.jpg’]”) 选取选取href属性 值以.jpg结尾的元 素
素
器 素之后的同辈
元素<dl>
属性 选择 器
$(“[href=’#‘]”)选取 href属性值 为“#”的元素
$(“[href!=’#’]”)选 取href属性值不 为”#”的元素
并集 $(“div,p,.title”) 同辈 $(“h2~dl”)选
选择 选取所有
选择 取<h2>元素之
器 div，p和拥有 器 后所有的同辈
Parents([selector])
Children()
HTML或者 DOM元素
节点复制
includeEvents:可选，为布尔值ture或 false，规定是否复制元素的所有事件 处理
获取或设置 元素属性
Attr([name]):获取或设置单个属性 值，如$($newNode4).attr(“alt”) Attr({[name1:value1],name2:value2} ……)，设置多个属性值，如 $(“img”).attr({width:”50”,height:”100”})
3. 数据类型：1.undefined（未定义类型，用var声明）， 2.null（空类型，如果一个变量是null类型，则返回值为 Object）3.number（数值类型）4.String（字符串类型） 5.boolean（布尔类型）
4. String对象常用方法：
方法
描述
toStrig()
返回字符串
按下键盘时
触发或将函 数绑定到指 定元素的 keyup事件
释放键盘时
触发或将函 数绑定到指 定元素的 keypress事 件
产生可打印的字符时
获取按下键 对应的键值
触发或将函 获得焦点
Blur() Bind(type,[data],fn) Unbind([type],[fn]) Hover()
Toggle()
目录
jQuery选择器 jQuery常用事件 jQuery常用方法 jQuery常用属性 第一章_JavaScript基础 第二章_JavaScript对象
jQuery选择器
基本选择器
层次选择器
属性选择器
名称
示例
名称
示例
名称
示例
标签 选择
器
$(“h2”)选取所 有h2元素
后代 选择 器
$(“#menu span”)选取 #menu下所有 的<span>元素
.
除了换行符之外的任何字符
正则表达式的重复字符：
符号
描述
{n}
匹配前一项n次
{n,}
匹配前一项n次，或者多次
{n,m}
匹配前一项至少n次，但是不能超过m次
*
匹配前一项0次或多次，等价雨｛0，｝
+
匹配前一项1次或多次，等价于｛1，｝
?
匹配前一项0次或1次，也就是说前一项
是可选的，等价于｛0，1｝
第一章_JavaScript基础
控制元素淡 Speed：可选，元素从隐藏到完全可
入
见的速度
fadeout([speed], [callback]) Mouseover()
Mouseout()
Keydown()
Keyup() Keypress()
KeyCode() Focus()
Callback：可选，show函数执行完之 后要执行的函数
each(callback)
以每一个匹 配的元素作 为上下文来 执行一个函 数。
Callback: 对于每个匹配的元素所要执 行的函数
live(type, [data], fn)
事件委托： type:一个或多个事件类型，由空格分 对一个还没 隔多个事件。
有添加进 fn:要从每个匹配元素的事件中反绑定 DOM的元素 的事件处理函数 有效
jQuery常用方法
方法 addClass() css() Next()
Click() Show([speed],[callback]) Hide([speed],[callback]) fadeIn([speed],[callback])
描述
备注
向被选元素 添加一个或 多个类样式
为匹配的元 素添加css 样式
$(“[href]”)选取含 有href属性的元素
类选 $(“.title”)选取 择器 所有class为
title的元素
子选 $(“#menu 择器 >span”)选取
#menu下的子 元素
ID选 $(“#title”)选取 相邻 $(“h2+dl”)选
择器 id为title的元 选择 取紧邻<h2>元
1. JavaScript由3部分组成：ECMAScript、DOM和BOM
2. 在HTML页面中引用JavaScript由种方式：直接把 JavaScript代码卸载标签<script>和</script>之间，使用外 部Javascript文件或直接把剪短的javaScript代码写在 HTML标签中。
Val()
获取或设置 元素value属 性值
Remove()
将匹配的元 素从DOM中 删除
Empty()
清空元素中 的所有后代 节点
replaceWith()
将所匹配的 元素都替换 成指定的
Clone([includeEvents]) Attr()
RemoveAttr(name) Prev([expr]) Siblings([expr]) Parent([selector])
$(“[href*=‘txt’]”)选 取href属性值中含 有txt的元素
$(“li[id][title=新闻 要点]”)选取含有id 属性和title属性 为”新闻要点”的 <li>元素
名称 :first :last :not(selector) :even :odd :eq(index) :gt(index)
toLowerCase()
把字符串转化为小写
toUpperCase()
把字符串转化为大写
charAt(index)
返回在指定位置的字符串
indexOf(str,index)
查找某个指定的字符串在字符串中首次出现的位
Substring(index1,index2) 返回位于指定索引index1和index2之间的字符串 引index1对应的字符，不包括索引index2对应的
slideUp() slideDown()
数绑定到指 定元素的 focus事件
触发或将函 数绑定到指 定元素的 blur事件
失去焦点
为匹配的元 素一次性绑 定一个或多 个事件
Type事件类型，[data]可选参数(时 间)，fn函数
为匹配的元 素一次性移 除一个或多 个事件
Type事件类型(可选参数)fn函数(可选 参数)