jquery学习笔记01

概念

1、为什么要学jquery？
jquery：简单、粗暴；没有兼容性问题
2、什么是jquery？
js库，说白了就是js文件，里面有一大堆方法
3、使用jquery的步骤：

1. 引入jquery文件
2. 入口函数
3. 功能实现
4. 版本：1.x 2.x 3.x 用1.x 压缩版和未压缩版
5. 入口函数：

$(document).ready(function(){

});

$(function(){

});

6. jquery对象和DOM对象：

   • ） jquery对象： jquery方法
   • ）DOM对象：JS方法
   • ）区别：方法不能混用
   • ）联系：DOM- - >jq 用$ jq- - >dom [0] get(0)

7. $的实质： function
   $===jQuery

jq和js的关系：

• js是一门编程语言
• jq仅仅是基于js的一个库，jq可理解为就是开发js的一个工具而已。
  

选择器

基本选择器

• 标签
• 类
• id选择器
• 交集
• 并集

层级选择器

• ancestor descendant 根据祖先元素匹配所有后代元素
• parent>child 根据父元素匹配所有的子元素
• prev+next 匹配所有紧接在prev元素后的相邻元素
• prev~siblings 匹配prev元素之后的所有兄弟元素
• prev+next 可以使用.next()函数代替，prev~siblings可以使用nextAll()函数代替

过滤选择器

• :odd 获取所有索引值为奇数的元素，索引号从0开始
• :even 获取所有索引值为偶数的元素，索引号从0开始
• :eq(index) 获取指定索引值的元素，索引号从0开始
• :gt(index) 获取所有 大于给定索引值的元素，索引号从0开始
• :lt(index) 获取所有 小于给定索引值的元素，索引号从0开始
• :first或first() 获取第一个元素
• :last或last() 获取最后一个元素
• :not(selector) 获取除给定选择器外的所有元素
• :header 获取所有标题类型的元素，如h1、h2等
• animated 获取正在执行动画效果的元素

筛选选择器

• children() 找孩子
• find() 找后代
• parent() 找父亲
• siblings() 找兄弟，不包括自己
• next: 下一个兄弟
• prev: 上一个兄弟
• eq: 指定下标
• index(): 不是选择器 返回当前元素在所有兄弟里面的索引。