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
