189 8069 5689

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

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

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





Untitled Document


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
id为two,class为one,title为test的div class为mini,title为other
class为mini,title为test class为mini class为mini class为mini class为mini class为mini class为mini class为mini,title为tesst style的display为"none"的div class为"hide"的div
包含input的type为"hidden"的div 
正在执行动画的div元素.
本文名称:JQuery学习笔记-可见性选择器
分享网址:http://cdxtjz.cn/article/jigjhc.html

联系我们

您好HELLO!
感谢您来到成都网站建设公司,若您有合作意向,请您为我们留言或使用以下方式联系我们, 我们将尽快给你回复,并为您提供真诚的设计服务,谢谢。
  • 电话:028- 86922220 18980695689
  • 商务合作邮箱:631063699@qq.com
  • 合作QQ: 532337155
  • 成都网站设计地址:成都市青羊区锣锅巷31号五金站写字楼6楼

小谭建站工作室

成都小谭网站建设公司拥有多年以上互联网从业经验的团队,始终保持务实的风格,以"帮助客户成功"为已任,专注于提供对客户有价值的服务。 我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司;我们对营销、技术、管理都有自己独特见解,小谭建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务!

小谭观点

相对传统的成都网站建设公司而言,小谭是互联网中的网站品牌策划,我们精于企业品牌与互联网相结合的整体战略服务。
我们始终认为,网站必须注入企业基因,真正使网站成为企业vi的一部分,让整个网站品牌策划体系变的深入而持久。