jquery随笔--控件的隐藏显示

最新推荐文章于 2022-04-07 18:54:01 发布

wang_xu_xiang

最新推荐文章于 2022-04-07 18:54:01 发布

阅读量559

点赞数

分类专栏： jQuery 文章标签： jQuery 隐藏显示

本文链接：https://blog.csdn.net/wang_xu_xiang/article/details/9125463

版权

jQuery 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    var i=0;
$("#but1").click(function(){
    i++;
    if (i%2==0) {
        $("#p1").show(1000);
    } else {
        $("#p1").hide(1000);
    }
});
//效果同上
$("#but2").click(function(){
      $(".p2").toggle(1000);
   });
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p id="p1">This is a paragraph.</p>
<p class="p2">This is another paragraph.</p>
<button type="button" id="but1">隐藏/显示p1</button>
<button type="button" id="but2">隐藏/显示p2</button>
</body>
</html>