jquery基本使用方法
下载jquery库
## jquery用的是 $付号语法(jquery)别称
jquery对象和DOM对象
$("div"); //获取对象
jquery不能使用原生DOM获取过来的方法。
jquery与JSDOM原生 相互转换
$("选择器") //里面选择器直接写CSS选择器即可,但是要加引号
```
id选择器 $("#id") 获取指定ID元素
全选择器 $(*) 匹配所有元素
类选择器 $(".class") 获取同一类class的元素
标签选择器 $("div") 获取同一类标签所有元素
并集选择器 $("div,p,li") 选取多个元素
交集选择器 $("li.current") 交集元素
```
```
子代选择器$("ul>li") 使用 >号,获取儿子层级的:注意不会获取孙子层级的元素
后代选择器 $("ul li") 使用空格,代表后代选择器,获取ul下的所有li元素,包括孙子等。
```
```
隐式迭代(重要)
$("div").css("background","red")
所有DIV的元素加背景颜色红色
```
```
$(".bos").css("fontSize","20px");//给CSS属性值为bos的设置字号
```
- JQuery选择器
- 基本过滤选择器
- 内容过滤器
- 可见性过滤器
- is筛选
- 属性选择器
- DOM查找
- JQuery 独有选择器(马士兵)
- JQ操作CSS属性常用写法
- attr("")获取标签属性值
- html方法与val方法操作表单文本
- 动画特效
- 添加与删除类名addClass()与removeClass()
- 查询索引与遍历index() each()
- 选择获取父级元素parent()
- 函数上下文$(this)
- 选择器获取兄弟级别元素siblings()
- 选择器获取子集元素children()
- animate 动画函数
- animate 动画函数解决积累问题stop(true)
- 获取节点数据的width与height方法
- next()获取匹配节点的下一个节点
- nextAll()获取到匹配的节点,后面全部的姊妹节点
- prev()方法获取某一个节点的前一个姐妹元素
- prevALL()方法获取某一个节点的前所有的姐妹元素
- jquery中文官方网站