jquery

1.什么是jQuery???
是js的一个类库，使用js语法实现对某些功能的封装，提高开发效率

2.js中遇到的痛点？？？
兼容性差
代码量大

3.jquery的引入 外部文件引入jQuery库 通过$()$()等价jQuery

4.jquery的页面加载 和 js的页面加载区别
jquery的页面加载内容比js的执行速度快
js的onload是需要页面内容全部加载完成后才执行
jquery不是页面内容全部加载完成后执行
jquery的页面加载在项目中可以出现多个 js的onload只能有一个
js的页面加载：
$(document).ready(function(){ }) 简写成$(function(){ })

5.jquery 选择器（查找页面元素）
基本选择器
$("#id")$(“.class”) $("html标签")$(“#id,html”) $(“*”)

层级选择器

简单选择器

:first  
:last  
:eq(下标)  下标从0开始   
:not(:last)  除了什么之外  
:odd   查找下标为奇数的元素 （偶数行）
:even  查找下标为偶数的元素 （奇数行）
:has()

查找过滤选择器
.eq(下标)
.first()
.last()
.parent() 查找父元素
.next() 如果没有参数，查找下一个兄弟 如果有参数，查找指定的下一个兄弟节点
.nextAll() 如果没有参数，查找下面所有兄弟 如果有参数，查找指定的所有兄弟节点
.prev() 前一个
.prevAll() 前面所有
.children() 如果没有参数，查找所有孩子 如果有参数，查找指定孩子节点
.siblings() 查找自己之外的兄弟节点
.find() 查找所有的后代元素
.filter() 过滤
用法一：
$(“p”).filter(“.p1”).css(“color”,”red”); 过滤含有类名为p1的p元素 用法二：$res=$(“p”).filter(function(index){ //返回一个布尔值 如果值为真 说明查找到满足某一个条件的p元素 如果为假 没查找到任何元素 console.log(index); return index==3; })$res.css(“color”,”red”)
6.jquery元素和js元素的区别

使用jquery方式查找的页面元素 必须通过jquery的方法操作 样式 属性 内容….

使用js方法查找的页面元素 必须通过js的方法操作 样式….

jquery元素和js元素互换：
假设$()是jquery对象，转成js对象：$().get(下标)
$()[下标] 假如obj是一个js对象，转成jquery对象：$(obj)

7.样式操作 css

获取：对象.css（）
设置：对象.css（{ }）

8.index方法 获取下标

index（） 表示查找某个元素在同辈元素中的位置
如果参数是一个对象 表示该对象在原集合中的索引
如果参数是一组对象 表示该组对象中的第一个对象在原集合中的位置

8.样式类的操作

addClass（） 添加样式类
removeClass（）删除样式类
toggleClass（） 切换样式类 判断某个元素是否有某个样式 有就删，没有就填
hasClass（） 判断是否含有某个样式

9.属性操作

attr（） 获取或设置 某元素的属性 也可以为某个元素添加自定义属性 不能操作属性值为布尔值类型的属性 checked 用prop（）方法
获取：对象.attr（）
设置：对象.css（{ }）

10.属性选择器

$(“input[name]”) 表示查找含有name属性的input$(“input[name=qx]”) 表示查找含有name值为qx的input
$(“input[name^=qx]”) 表示查找含有name值以qx开始的input$("input[name$=qx]”) 表示查找含有name值以qx结束的input$(“input[name*=qx]”) 表示查找含有name值包含qx的input
$(“input[name!=qx]”) 表示查找含有name值不包含qx的input

11.内容操作

html（）设置内容 对象.html（””） 识别标签 获取内容时 只能获取第一个元素内容
text（）对象.html（””）不识别标签 获取查找到的所有的元素内容
val（）操作表单 内容获取val（） 内容设置 val（内容）