JQuery小知识

JQuery小知识

一、基础

1、简介
快速、简洁的JavaScript框架
2、查找元素方式
ID选择器 : #ID
类选择器: .类名
元素选择器: 标签的名称
通配符选择器: *
选择器,选择器: 选择器1,选择器2
3、常用方法
(1)KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲id")等代表此元素 (2)(function) : 页面初始化的操作，文档加载完成事件。
4、JQuery和JS的转换
JQuery—> JS : jq对象[索引] 或jq对象.get(索引)
JS----> JQuery ： $(js对象)

二、动画

1、默认显示与隐藏方式
show【速度，效果，函数】
hide【速度，效果，函数】
toggle【速度，效果，函数】
2、滑动显示和隐藏方式
slideDown【速度，效果，函数】
slideUp【速度，效果，函数】
slideToggle【速度，效果，函数】
3、淡入淡出显示和隐藏方式
fadeIn【速度，效果，函数】
fadeOut【速度，效果，函数】
fadeToggle【速度，效果，函数】

三、遍历与事件绑定

1、遍历
(1)jq对象.each(callback)
(2)$.each(object, [callback])
(3)for(元素对象 of 容器对象)
2、事件绑定
(1)on绑定事件/off解除绑定
jq对象.on(“事件名称”,回调函数)
jq对象.off(“事件名称”)
(2)事件切换：toggle
jq对象.toggle(fn1,fn2…)