jquery

1.它不是个框架，它只是js库，它就是简化版本的js，因为没有自己的语法，只是简化了操作。

操作步骤：

1.dom操作的第一步，查找元素
jq：$(“css选择器”)

举例； $(#app)

**jq把js里所有东西几乎封装成方法里；

**jq中有几百个方法， 不传参数就是取值，传参数就是更改；里面几乎看不到等号了；

$(":selected") 单选框下拉所有的所有元素；
$(":checked") 单选框下拉所有的所有元素；

$(“tr:odd”) 奇数行
$(“tr:even”) 偶数行，从0开始；

2.显示和隐藏
三种方法：
1.hide() show() toggle()
2.fadein() fadeOut() fadeToggle() 淡出 淡入
3.slideUp() slideDown() slideToggle()

**jq的回调函数（callback），jquery里面都是会回调函数；

**jq链中，支持链式调用；

3.jq改变元素的css

css（“width”,“300px”） 一组的话就这么写，多组的话用对象的形式；

**animate() 动画效果：改变是一个过程，而不是一下改变；其实和css是一样的；
但是不支持颜色动画

4.停止动画

stop()

5.jq中的dom操作

html（""） = innerhtml
text("") = innertext
val() 表单中的value
attr（） setattribute 设置元素的属性

6。增加元素

appendchild 改成了 append（“”）
prepend（）
after()
before（）

7.删除元素

remove(“选择器”) ：删除当前元素以及子元素；

empty（）

8.操作元素的class名字

addClass（）
removeClass()
toggleClass()

9.遍历

找父集：
找元素的直接父集：KaTeX parse error: Expected 'EOF', got '#' at position 2: (#̲btn).parent() …(#btn).parents()
有一个限度 (#btn).parentsUntil()

children（“css选择器”） 直接子集
find（） 所有子集
siblings（）找同集，不包含子集；
next（） 下一个同集
nextall（）
nextUntil（）
prev（）
prevAll（）
prevUntil（）

10.过滤

first（）
last（）
eq（）
not（） 除了某个元素