JQuery

一，JQuery选择器种类

1基础选择器

2层级选择器

3属性选择器

4过滤选择器

5表单过滤选择器

二，过滤选择器

语法	用法	描述
:first	$('li:first')	获取第一个li元素
:last	$('li:last')	获取最后一个li元素
:eq(index)	$("li:eq(2)")	获取到的li元素中，选择索引号为2的元素，索引号index从0开始
:odd	$("li:odd")	获取到的li元素中，选择索引号为奇数的元素
:even	$("li:even")	获取到的li元素中，选择索引号为偶数的元素

$(function(){
				$("#left>ul>li").mousemove(function(){
					//拿到当前鼠标放入列表项的索引
					var index=$(this).index()
					//根据索引找到右侧匹配的项进行显示，其他隐藏
					$("#right>ul>li:eq("+index+")").fadeIn().siblings().hide()
				})
			})

三，JQuery样式操作

1，操作css方法

2，设置类样式方法

四，JQuery效果

1显示隐藏

2滑入滑出

$("#d1").mouseover(function(){
				$(this).animate({
					width:224,
				});
				$(this).find(".small").hide().siblings().show();
			})
			//鼠标离开元素 ，让div变窄 同时让里面的小的显示大的隐藏
			$("#d1").mouseleave(function(){
				$(this).animate({
					width:69,
				});
				$(this).find(".big").hide().siblings().show();
			});

3淡入淡出

$("#foot a").click(function(){
					if(flag){
						$("#content>ul>li:gt(4)").not(":last").fadeOut();
						//内容变为更多
						$(this).text("更多☚")
						flag=false
					}else{
						//点击的时候，所有的li显示
						$("#content>ul>li").fadeIn();
						//内容变为更多
						$(this).text("简化☚")
						flag=true
					}
					return false
				})