jquery切换效果怎么各切换各的..
jquery切换效果怎么各切换各的，就是单个切换单个的，不要点一个按钮就全都隐藏了或显示了<html><head><scripttype="text/javascript...
jquery切换效果怎么各切换各的，就是单个切换单个的，不要点一个按钮就全都隐藏了或显示了
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").toggle();
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
</body>
</html> 展开
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").toggle();
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
</body>
</html> 展开
3个回答
展开全部
在jquery的效果切换这里，主要通过下面几个方式实现：
通过鼠标或是键盘的事件触发后，
通过对元素的显示/隐藏
动态的修改元素的内容
动态添加新元素
主要涉及到的函数可以看看
元素隐藏 $("..").hide();
元素显示 $("...").show();
显隐切换 toggle（）
仅供参考，要学习，知道问是很好的喜欢，但是还要多实践，自己多写写，现在网上jquery的例子很多，多看，多写，jquery还是很有意思的
通过鼠标或是键盘的事件触发后，
通过对元素的显示/隐藏
动态的修改元素的内容
动态添加新元素
主要涉及到的函数可以看看
元素隐藏 $("..").hide();
元素显示 $("...").show();
显隐切换 toggle（）
仅供参考，要学习，知道问是很好的喜欢，但是还要多实践，自己多写写，现在网上jquery的例子很多，多看，多写，jquery还是很有意思的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(document).ready(function(){
$(".btn1").click(function(){
$(this).toggle();
});
});
$(".btn1").click(function(){
$(this).toggle();
});
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$(this).next("p").toggle();
});
});
</script>
$(document).ready(function(){
$(".btn1").click(function(){
$(this).next("p").toggle();
});
});
</script>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
