jQuery--常用关键词

最新推荐文章于 2021-06-08 20:21:48 发布

kikpin

最新推荐文章于 2021-06-08 20:21:48 发布

阅读量944

点赞数

分类专栏： JS jQuery 文章标签： jQuery

JS 同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

jQuery

1 篇文章 0 订阅

订阅专栏

jQuery--常用关键词

就绪

通过内容分发网络CDN引用，或本地引入；
$(document).ready(function(){...})，简写$(function(){...})；

选择器

ID选择器
CLASS选择器
更多：

语法	描述
`$("*")`	选取所有元素
`$(this)`	当前元素
`$("e:first")`	第一个
`$("[attr]")`	指定属性元素
`$("e[attr=‘value’]")`	指定属性的元素
`$(“e[attr!='value']")`	指定非属性的元素
`$(":button")`	简写，type='button’的元素
`$("e:even")`	偶数的元素
`$("e:odd")`	奇数的元素

事件

$(e).event(function(){...})

鼠标事件	键盘事件	表单事件	文档/窗口事件
click	keypress	submit	load
dbclick	keydown	change	resize
mouseenter	keyup	focus	scroll
mouseleave	hover	blur	unload

效果

效果	描述
hide(speed,callback)/show()/toggle()	隐藏/显示/切换（速度，回调）
fadeIn(speed,callback)/fadeOut()/fadeToggle()	淡入淡出（速度，回调）
fadeTo(speed,opacity,callback)	渐变（速度，不透明度0-1，回调），自定义透明度
slideDown(speed,callback)/slideUp()/slideToggle()	滑动
animate({params},speed,callback)	动画（{property1:value，property2:value}，速度，回调）
stop(stopAll,goToEnd)	停止动画（是否清楚所有动画默认false停止活动的动画向后执行，是否立即完成当前动画默认false），默认清楚指定元素上的当前动画

speed取值：normal、slow、fast、秒；
animate中的CSS可以使用相对值+=/-=，例如left='+=100px';
使用预定义值：show,hide,toggle，例如height="toggle";
jQuery中不包含色彩动画，需要下载颜色插件；
使用队列功能：多个animate，顺序执行；
方法链接.的执行

DOM操作

DOM操作	描述	示例
text()/html()/val()	设置或获取文本内容、HTML内容、表单字段的value值	回调函数=>传参（父盒子下标，旧值）
attr({attr:value,attr:value})	设置或获取属性
append(e1,e2,…)/prepend/after()/before()	子节点末尾/子节点开头/元素之后/元素之前=>新增HTML	$().append(“示例”)
clone(false/true)	克隆（是否所有事件处理）
remove()/empty()	删除自身及子集、清空子集	过滤：$().remove(’.class’)删除指定类元素
addClass()/removeClass()/toggleClass()/css()	设置或获取CSS类，css样式属性	$().css({property:value,…})
width()/height()/innerWidth()/innerHeight()/outerWidth()/outerHeight()/outerWidth(true)/outHeight(true)	设置或获取尺寸:content-padding-border-margin

树遍历

语法	描述	示例
parent()/parents(e)/parentUntil(e)	向上遍历一级、逐级所有至根元素`<html>`(中的所有的指定元素)、至指定祖级e之间的所有
children(e)/find(e)	向下遍历一级(中的指定所有元素)、逐级至最后一级(中指定所有元素)	$().find("*")所有后代
siblings(e)/next()/nextAll()/nextUntil(e)/prev()/prevAll()/prevUntil(e)	同级遍历所有(中指定e所有)、下一个弟、所有弟、指定e之间弟、上一个兄、所有兄、指定e之间兄、
first()/last()/eq(index)	过滤=>第一个、最后一个、指定index	$().eq(0)
filter()/not()	规则过滤（css选择器）,not与filter相反	$().filter(".class")

AJAX异步

Asynchronous JavaScript and XML(异步js和xml)，不重载网页下，通过后台加载数据并显示；

语法	描述	示例
load(URL,data,callback)	从服务器加载数据	$(e).load(“test.txt #p1”),回调函数传参:responseTxt，statusTXT，xhr
`$.get(URL,callback)`/`$.post(URL,data,callback)`	请求数据、提交数据	post()