<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ddd</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
div,span{
width: 140px;
height: 140px;
margin: 20px;
background: #9999CC;
border: #000 1px solid;
float:left;
font-size: 17px;
font-family:Roman;
}
div.mini{
width: 30px;
height: 30px;
background: #CC66FF;
border: #000 1px solid;
font-size: 12px;
font-family:Roman;
}
div.visible{
display:none;
}
XXXX
XXXXXXX
XXXXXXXXX
div id为one
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
XXXXXXXXX
//*****改变所有可见的div元素的背景色为 #0000FF
$('#b1').click(
function (){
$("div:visible").css("background","#0000ff");
}
);
//选取所有不可见的元素, 利用 jQuery 中的 show() 方法将它们显示出来, 并设置其背景色为 #0000FF
$('#b2').click(function(){
$('div:hidden').css("background","#0000ff");
$('div:hidden').show();
});
//**选取所有的文本隐藏域, 并打印它们的值
$('#b3').click(
function(){
$objs=$('input:hidden');
//如果是传统方法 $objs(jquery)->dom对象
//var dom_objs=$objs[0];
for(var i=0;i<$objs.length;i++){
}
//jquery方法
/*$.each($objs,function(i,obj)
//相当于每循环一次.i自增一次 obj=$objs[i]
{
window.alert("jquery"+$(obj).val());
window.alert("jquery"+obj.value);
})*/
$.each($objs,function(){
//相当于每循环一次this=$objs[i]
// window.alert("dom "+this.value);
window.alert("jquery2 "+$(this).val());
})
});
</html>
网友评论