jQuery

jQuery 是一个 方法库

jQuery的引入方式

第一种:cdn静态资源库引用

第二种：本地下载引用

DOM对象和jquery对象的相互转换　

　　jQuery对象转换成DOM对象，方式一：$(“#btn”)[0]，方式二：$(“#btn”).get(0)得到dom对象；

　eq（0）得到jquery对象

　　DOM对象转换成jQuery对象：

　　$(document) -> 把DOM对象转成了jQuery对象

　　var btn = document.getElementById(“btn”);

　　btn -> $(btn)；$(this)

　　Jquery得到的元素类型都是对象，内容是伪数组，无论是不是唯一的元素；

  $(function () {
            var $li = $("li");            //获取jQuery对象
            var oLi = $("li").get();      //转换为DOM对象
            oLi.reverse();                //调用数组方法，颠倒元素顺序
            $("ul").html(oLi);            //插入元素
        })

入口小函数

window.onload = function(){内部放js}　　　

　jQuery:$(function(){})或者$(document).ready(function(){})

jQuery选择器

查找紧邻box的下一个兄弟节点

$(".box").next()

找紧邻box的下一个span兄弟节点

$(".box").next("span") 查

查找box后方的所有span兄弟节点

$(".box~span")

查找box下方的所有兄弟节点

$(".box").nextAll()

查找box下方的所有span节点

$(".box").nextAll("span")

查找紧邻box的上一个兄弟节点

$(".box").prev()

查找紧邻box的上一个span兄弟节点

$(".box").prev("span")

查找box上方的所有兄弟节点

$(".box").prevAll()

查找box上方的所有span节点

$(".box").prevAll("span")

除本身的其他兄弟属性

siblings()

id	id选择器，根据id值匹配一个元素	单个元素
.class	类选择器，根据类名匹配元素	元素集合
element	元素选择器，根据元素名匹配所有元素	元素集合
*	通配符选择器，匹配所有元素	元素集合
selector1,selector2,…,selectorN	同时获取多个元素	元素集合
选择器	描述	返回值

jQuery动画效果

显示隐藏	show()    hide()     toggle()
滑动	slideDown()   slideUp()   slideToggle()
淡入淡出	fadeIn()  fadeOut()  fadeToggle()  fadeTo()
自定义动画	animate()