摘要:本篇文章探讨了jQuery从入门到精通 基础学习(2),希望阅读本篇文章以后大家有所收获,帮助大家对相关内容的理解更加深入。
本篇文章探讨了jQuery从入门到精通 基础学习(2),希望阅读本篇文章以后大家有所收获,帮助大家对相关内容的理解更加深入。
<
JQ选项卡实列
<style>
#div1 div{ width:200px; height:200px; border:1px red solid; display:none;}
.active{ background:red;}
</style>
<script type="text/javascript" src="jquery-1.10.1.min.js"></script>
<script>
$(function(){
$(‘#div1‘).find(‘input‘).click(function(){
$(‘#div1‘).find(‘input‘).attr(‘class‘,‘‘);
$(‘#div1‘).find(‘div‘).css(‘display‘,‘none‘);
$(this).attr(‘class‘,‘active‘);
$(‘#div1‘).find(‘div‘).eq( $(this).index() ).css(‘display‘,‘block‘);
});
});
</script>
</head>
<body>
<div id="div1">
<input type="button" value="1" />
<input type="button" value="2" />
<input type="button" value="3" />
<div style="display:block">111111</div>
<div>222222</div>
<div>333333</div>
</div>
</body>
</html>
JQ下的常用方法
addClass() removeClass()
width() innerWith() outerWidth()
insertBefore() before()
insertAfter() after()
appendTo() append()
prependTo() prepend()
remove()
on() off()
scrollTop()
addClass() removeClass() 添加样式和删除样式
width() innerWith() outerWidth()
本文由职坐标整理发布,学习更多的相关知识,请关注职坐标IT知识库!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号