jquery元素操作

遍历函数 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可以传递的字符串
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值