jQuery学习笔记：一些选择器和方法

	作用	例子
$()	DOM对象转换jQuery对象 选择器	$('video')
	jQuery对象调用DOM的属性和方法	$('video')[0].play(); $(‘video’).get(0).play();
选择器
:first	筛选第一个冒号前的元素（li）	$("ul li:first").css("backgroundColor" , "pink");
:last	筛选最后一个冒号前的元素（li）	$("ul li:last").css("backgroundColor" , "black");
:eq(4)	根据索引号选取	$("ul li:eq(4)").css("backgroundColor" , "blue");
:odd	索引号奇	$("ol li:odd").css("backgroundColor" , "lightblue");
:even	索引号偶	$("ol li:even").css("backgroundColor" , "yellow");
筛选方法
.parent()	最近的父元素	$("div").parent()
.children()	所有亲孩子	$(".father").children() $(".father").children("p")
.find(target)	所有后代	$('.father').find('p')
.siblings()	除自身外所有兄弟元素	$(".item").siblings() $("#item").siblings("li").css("color" , "pink");
.nextAll()	选择之后的所有兄弟元素	$("#item").nextAll("li").css("color" , "pink");
.eq(n)	选第n个	$("ol li").eq(2).css("color" , "pink");
修改样式方法
.css(“height” , 300)	改数字可以不加单位和引号	$(“div”).css(“height” , 300);
.css({}）	属性可以不加引号，数字也可以不加引号单位，逗号隔开
.css(“属性”)	查	$("div").css("color");
操作类修改样式
.addClass()	增	$(this).addClass("current");
.removeClass()	删	$(this).removeClass("current");
.toggleClass()	增删交替切换	$(this).toggleClass("current")
函数方法
.hasClass(‘className’)	判断有无某类名	$("ol li").eq(1).hasClass('two')
事件函数
.mouseover（）	鼠标经过
.mouseout（）	鼠标离开
.click（）	鼠标点击
.hover(fn1[,fn2])	鼠标经过离开	只写一个函数就是经过离开都调用同一个函数，可搭配 .toogle使用
.stop()	停止前面动画（解决动画排队问题）
动画函数
.show()	显示	$("div").show();
.hide()	隐藏	$("div").hide();
.toggle()	显示隐藏交替切换
.slideUp()	上拉	$("div").slideUp(200);//0.2秒
.slideDown()	下滑	$("div").slideDown(200);
.slideToggle()	上拉下滑切换	$("div").slideToggle(200);
.fadeIn()	淡入
.fadeOut()	淡出
.fadeToggle()	淡入淡出切换
.fadeTo(1000, .2)	时间（速度） 和 透明度参数必须写	$("div").fadeTo(1000, .2);
.animate({}[,]）	动画函数

animate

$("div").animate({
                    left: 500,
                    top: 200,
                    backgroundColor: "red",
                    opacity: .5
                } , 500)