JQuery学习笔记-可见性选择器

成都创新互联是一家专注于成都网站建设、成都网站制作与策划设计,将乐网站建设哪家好?成都创新互联做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:将乐等地区。将乐做网站价格咨询:028-86922220

div, span, p {
	width: 140px;
	height: 140px;
	margin: 5px;
	background: #aaa;
	border: #000 1px solid;
	float: left;
	font-size: 17px;
	font-family: Verdana;
}

div.mini {
	width: 55px;
	height: 55px;
	background-color: #aaa;
	font-size: 12px;
}

div.hide {
	display: none;
}



	//文档准备好了触发
	$(document).ready(function() {

		$("#btn1").click(function() {
			//选取所有可见的  div 元素
			$("div:visible").css("background", "#ffbbaa");
		});
		//选择所有不可见的 div 元素
		$("#btn2").click(function() {
			//alert($("div:hidden").length);
			//show(time): 可以使不可见的元素变为可见, time 表示时间, 以
			//毫秒为单位
			//jQuery 的很多方法支持方法的连缀, 即一个方法的返回值来时调用该
			//方法的 jQuery 对象: 可以继续调用该对象的其他方法. 
			$("div:hidden").show(2000).css("background", "#ffbbaa");
		});
		//选择所有不可见的 input 元素
		$("#btn3").click(function() {
			//val() 方法可以返回某一个表单元素的 value 属性值. 
			alert($("input:hidden").val());
		});

	});



	
	
	

	

	

	
		id 为 one,class 为 one 的div
		class为mini