jQuery

入门案例

 1--引入 
       先下载，然后本地引入
       或者网络引入（推荐）
   2--编写代码   $(选择器）.方法

概念

  一个JavaScript函数库,可以处理兼容性问题,方便操作DOM
  作用
  - HTML 元素选取
  - HTML 元素操作
  - CSS 操作
  - HTML 事件函数
  - JavaScript 特效和动画
  - HTML DOM 遍历和修改
  - AJAX

基础语法

$的含义
    $是jquery别名,是jquery顶级对象,所有jquery的方法都是通过它来调用的
dom对象和jquery对象区别
    dom对象是通过原生的js获取过来的.本质是操作元素的属性,不能调用jquery方法
    jquery对象通过jquery方法获取过来的,本质是调用方法,不能使用dom的属性来操作元素
dom对象和jquery对象的互转
    dom对象 ->jquery对象  jquery(dom对象)
    jquery对象 -> dom对象 jquery对象[0] 或者 jquery对象.get(0)
jquery对象事件入门
    jquery对象.事件名称(匿名函数)  事件触发之后要操作的代码都写在匿名函数里面

选择器

1 -- 和css一样的选择器来选择元素
    基本选择器
        #id值
        .class类名
        元素名
    复合选择器
        并集选择器 a,b
        交集选择器 a.b
        后代选择器 a b
        子选择器   a>b
    筛选选择器
        :first
        :last
        :odd--奇数
        :even--偶数
2 -- jquery自带的筛选方法
    first() 第一个
    last() 最后一个
    parent() 父元素
    children() 子元素
    find() 后代元素
    siblings()其他兄弟元素
如果有筛选方法,优先使用筛选方法

DOM操作

样式的操作
css方式设置单个元素
    jQuery对象.css(属性名)  获取属性名对应的值
    jQuery对象.css(属性名,值) 设置指定的属性的值
Class类的方式
        jQuery对象.addClass() 添加类
    jQuery对象.removeClass() 移除类
    jQuery对象.toggleClass() 切换类
操作属性
    prop() 操作元素固有属性
        prop(属性名,属性值) 设置
        prop(属性名)  获取
    attr() 操作元素自定义的属性
        attr(属性名,属性值) 设置
        attr(属性名)  获取
操作文本
    html()操作文本(有样式)
        html() 获取
        html(内容) 设置
    text()操作文本(纯文本)
        text() 获取
        text(内容) 设置
    val()操作文本框的文本
        val() 获取
        val(内容) 设置
操作节点
    创建元素
        $('字符串类型的元素')
    添加元素
        append()添加到末尾
        prepend() 添加到前面
    删除元素
        remove() 自杀

jquery效果

显示和隐藏
    show
    hide
    toggle
上滑和下滑
    slideDown
    slideUp
    slideToggle
淡入淡出    
    fadeIn
    fadeOut
    fadeToggle
    fadeTo

jquery遍历

如果针对于同一类元素做不同操作，需要用到遍历元素
jQuery对象.each(回调函数) 第一个参数索引，第二个参数是元素
$.each(jQuery对象，回调函数) 或者 $.each(js字面量对象，回调函数)

事件绑定解绑

绑定
    on
        可以绑定1个或者多个事件处理程序
        可以实现动态绑定
解绑
    off