遍历函数 each()
serializeArray() 方法通过序列化表单值来创建对象(name 和 value)的json数组 [“a”: 1,“b”:2];
$.param() 将json格式的数组序列化成字符串 name=value &name2=value;用于传递参数.
*事件
1 鼠标按键事件
click():在鼠标点击时执行
常用在鼠标事件
click() 单击触发
mouseover() 鼠标移动到元素和该元素下的子元素时触发,
mouseenter() 鼠标移动到元素时才触发,移动到子元素不触发
mouseout() 鼠标离开元素时触发,在元素的子元素上来回离开离开也会触发
mouseleave() 鼠标离开时元素时触发
鼠标复合事件
hover(enter,leave) 当鼠标指针移动到元素上触发第一个函数,离开触发第二个函数
toggle(fn1,fn2,fn3,…);连续单击事件,按顺序执行函数fn1,fn2,fn3,实现单击事件的切换
toggle();不带参数时与show和hide()方法一样,用与切换元素的可见状态,如果元素时可见的,触发toogle()时切换为隐藏,反之一样。实现事件在元素显示和隐藏之间切换
toggleClass(“red”),在加载样式和移出样式之间切换
3 键盘事件
keydown 键盘按下时触发
keyup 释放按键时触发
keycode
绑定事件与移出事件
bind() ;
unbind()解除时间
4 表单事件
blur:在输入框获得失去焦点时执行
four:在输入框获得焦点时执行
css*
css();添加内联样式,高优先,多个使用
addClass();追加一个或多个class样式,多个使用空格隔开
removeClass(); 删除class样式。多个使用空格隔开
$(selector)hide();隐藏元素
show();显示元素
函数
each():遍历函数
find():选择该元素所有子元素
append();在内部追加
prepend();追加在开头内
选择器
1 基本选择器
$("#id");id属性选择器
$(“p”);元素选择器
$(".clss");class属性选择器
,:并集
*:全局
2层次选择器
名称
后代选择器 body offspring 选取body元素内的所有后代元素
相邻选择器 prev+next 选取prev后面最近的一个同级元素,不能是选择子元素
同辈选择器 prev~sibings 选取prev元素之后的同级元素
子选择器 preent>child 选取parent元素下的所有直接子元素,
相邻选择器和同辈选择器已经被next()和nextAll()方法替代了
3属性选择器
[attribute] 选取含有指定属性的元素
[attribute=value]选取指定属性
4基本过滤选择器
:first 选取第一个元素
:last 选取最后一个元素
:even 选取索引是偶数的所有元素
:odd 选取索引是奇数的所有元素
:eq(index) 索取索引=index的元素,索引从0开始
:gt(index);选取索引大于index的元素,index从0开始
:lt(index) 选取索引小于index的元素,index从0开始
:header 选取所有标题
:focus 选取当前获取焦点的元素
:note(selector) 选取去除匹配的元素
可见性过滤选择器
:visible 选取所有可见的元素
:hidden选取所有隐藏的元素
节点内容操作
.html();无参数时获取内容,有参数时设置内容,可以包含html标签
.val();无参数时获取内容,有参数时设置内容
.text();无参数时获取内容,有参数时设置内容,不可以包含标签
attr();获取属性内容,有参数时设置属性内容。
节点本身操作
1 创建节点
$(html)创建节点;
2 插入节点
内部插入
append(content) $(a).append(b) 将b追加到a中,
appendTo(content) $(a).appendTo(b);将a追加到b中
prepend(content); $(a).prepend(b),追加b到a开头第一个
prependTo(content);,相反
3外部插入
after();在被选元素外面的后面插入
before()在前面的外面插入
4删除节点
reomve(),无参数时删除匹配元素和子元素
empty();清空匹配元素中所有后代节点内容。保留节点本身,
5替换节点
replaceWith(content)将匹配到元素替换成指定的html或者DOM
6复制节点
clone(true,false);复制节点和节点内容属性文本和子节点。为ture时复制事件,反之
属性操作
$(selector).attr(),获取或者设置元素属性
$(selector).removeAttr(name),删除属性
节点遍历
$(selector).children() 获取所有子节点;
1同辈元素遍历
prev();前一个同辈元素
next();下一个同辈元素
sibling()所有同辈元素
2 遍历前辈元素
parent();获取当前匹配元素的父元素,也就是直接上层元素
parents()获取匹配元素的祖先元素
each() 为每一个匹配运行函数
end();
其他
遍历方法
find(ext):find() 方法返回被选元素的后代元素。后代是子、孙、曾孙,依此类推。
杂项
$.contains() 方法用于判断指定元素内是否包含另一个元素。即判断另一个DOM元素是否是指定DOM元素的后代。
:contains() 选择器选取包含指定字符串的元素。
serializeArray
param() 方法:将对象或者对象数组,json序列号成此格式
serialize(),将表单元素的name属性和value序列化成RUL可以传递的字符串