9.25
- 概念
一个快速简洁的javascript库 把DOM操作做了封装 可以快速查询使用
- 基本使用
- 入口函数
$(function( ){ }) 等页面DOM加载完毕再去执行js代码 所以可以将js写在DOM的前面
- 顶级对象$
代替jQuery 相当于js中的window
- 区别DOM对象和jQuery对象
原生js获取的就是前者：var cdd = document.q……
$(‘div’) 获取就是后者 console.dir($(‘div’)) $把DOM元素包装（伪数组形式存储）
- 两者转化
DOM到jQuery: a.直接获取 $(‘video’) b.使用原生js获取过来的
var nunu=document.q…. $(nunu)
jQuery到DOM：$(‘video’)[index] $(‘video’).get(index)
- 选择器
1.$(‘选择器’) $(‘.nav’) $(‘#id’) $(‘ul li’)
2.隐式迭代：匹配的所有元素内部遍历循环 可以给每个元素添加css
3.筛选选择器
$(‘li:first’) $(‘li:eq(index)’)索引号 $(‘li:odd’)奇数 even偶数
4.筛选方法
父：$(‘.son’).parent()最近一级父级元素
子：$(‘.son’).children(‘p’) 亲的p
$(‘.son’).find(‘p’)所有的后代p
兄：$(‘li .item’).siblings(‘li’) 除了.item这个li其余的兄弟li全部选出来
$(‘ul li’).eq(index) index可以是个变量 等同于$(‘li:eq(index)’)索引号 index不能是个变量
- 排他思想
- 样式操作
$(‘ ’).css(‘属性’ , ’值’)
修改多个样式：$(‘ ’).css({ width:200,backgroundColor:’red’ })
值不是数字需要加引号
修改样式操作类:
添加类：addClass(‘类名’) 操作类里面的参数不加点 不覆盖原来类名只添加
删除类：removeClass()
切换类：toggleClass()
- 效果
1.显示隐藏：show/hide/toggle(speed ,easing切换效果,fn回调函数 动画完成执行的函数) speed: fast slow normal 具体毫秒数