9.25

• 概念

一个快速简洁的javascript库 把DOM操作做了封装 可以快速查询使用

• 基本使用

1. 入口函数

$(function( ){   }) 等页面DOM加载完毕再去执行js代码 所以可以将js写在DOM的前面

1. 顶级对象$

代替jQuery    相当于js中的window

1. 区别DOM对象和jQuery对象

原生js获取的就是前者：var cdd = document.q……

$(‘div’) 获取就是后者  console.dir($(‘div’)) $把DOM元素包装（伪数组形式存储）

1. 两者转化

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不能是个变量

1. 排他思想

• 样式操作

$(‘ ’).css(‘属性’ , ’值’)

修改多个样式：$(‘ ’).css({ width:200,backgroundColor:’red’ })

值不是数字需要加引号

修改样式操作类:

添加类：addClass(‘类名’) 操作类里面的参数不加点 不覆盖原来类名只添加

删除类：removeClass()

切换类：toggleClass()

• 效果

1.显示隐藏：show/hide/toggle(speed ,easing切换效果,fn回调函数 动画完成执行的函数) speed: fast slow normal 具体毫秒数