jquery学习笔记--1

/**
$(document).ready(function() {
/*
//$("#orderedlist").addClass("red");//背景色变红
//$("#orderedlist>li").addClass("blue");//字变蓝
$("#orderedlist li:last").hover(function(){//hover是获得焦点的意思
			$(this).addClass("green");//字变绿
		},function(){
			$(this).removeClass("green");
		});
*/
/*选择器练习2
$("#orderedlist").find("li").each(function(i){//找到id=“orderedlist”的dom下的name=“li”的dom
		$(this).html($(this).html()+"  BAM"+i);//each(参数)函数单座参数传递
	})//每一个的字后面加东西*/
/*
$("#reset").click(function(){//查找id=‘reset’的按钮，加事件click
		$("#form")[0].reset();	//查找id=‘form’的第一个表单reset
	})*/
/**选择器练习3---多个表单的reset方法
$("#reset").click(function(){
	$("form").each(function(){//如果改成“#form”则只能reset第一个form不太明白
			this.reset();
		})
	/**练习--过滤（1）filter是过滤表达式后符合条件的，（2）not得到不在**条件的**/
/***	$("li").not("[ul]").css("border","1px solid black");//div中排除子元素是ul的添加css样式
*/	
//$("a[@name]").background("eee");//选择连接带name属性的元素的集合
//$("a[@href*=/content/gallery]").click(function(){//href*不懂是什么意思
//		alert("jquery test");
//	})
/**查找前后的元素
$('#faq').find('dd').hide().end().find('dt').click(function(){
	var answer = $(this).next();//当前元素的下一个元素
	if(answer.is(':visible')){//end是得到上一次选择操作的集合也就是说第一次不执行第2次才执行
		answer.slideUp();//收起
	}else{
		answer.slideDown();//展开
	}//第一次的时候怎么让这些dd都隐藏的呢？
	})**/
/**选择父元素**/
/*$("a").hover(function(){
		$(this).parents("p").addClass("highlight");//为什么执行完成后p块不见了？
	},function(){
		$(this).parents("p").remove("highlight")})
});
*/
/**
$(function(){//jquery的简写形式--好用
	$("a").click(function(){
			alert("hello World")
		})
})

**/
/**使用Ajax
$(document).ready(function(){//取出的结果都为空
	var ratingMarkup = ["please rate:"];//定义变量
	for(var i =1;i<=5;i++){
		ratingMarkup[ratingMarkup.length]="<a href='#'>"+i+"</a>";
	}
	$("#rating").append(ratingMarkup.join('')).find("a").click(function(e){
		e.preventDefault();
		$.post("rate.php",{rating:$(this).html()},function(xml){
			var result = ["Thanks for rating,current average:",
				$("average",xml).text(),
				",number of votes:",$("count",xml).text()]
		$("#rating").html(result.join(''))
				})
		})
})
**/
/**简写形式添加事件
$(function(){/**这个没怎么看懂。。。。
	var addClickHandlers=function(){
	$("a.clickMeToLoadContent").click(function(){
		$("#target").load(this.href,addClickHandlers);
		alert("sss")
	});addClickHandler();}
})**/
/**特效---展开、收起
$(function(){
	$("a").toggle(function(){//开关
			$(".stuff").hide('slow');//慢慢隐藏
		},function(){
			$(".stuff").show('fast');//快速收起
	})
})**/
/**混合特效---什么也没看出来。。。
$(document).ready(function(){
	$("a").toggle(function(){
			$(".stuff").animate({
					height:'hide',
					opacrity:'hide'
				},'slow');
			$(".stuff").animate({
					height:'show',
					opacity:'show'
				},'slow');

		})
})**/
/**添加排序
$(document).ready(function(){//<script src="lib/jquery.tablesorter.js" type="text/javascript"></script>
	$("#large").tableSorter();
});**/
/**排序奇偶行显示
$(document).ready(function(){
	$("#large").tableSorter({
			stripingRowClass:['odd','even'],//奇偶行的class的名称
			stripRowsOnstartUp:true//初始化的行的class
		})
});
**/