点击button改变div的显示隐藏

本文作者通过回顾自己早期编写的代码片段,分享了从初学者到熟练掌握技能的心路历程。文章中提及了一个简单的jQuery插件实现,该插件用于在页面上动态显示和隐藏一个包含输入框和标签的div元素。作者通过这个实例展示了如何使用jQuery选择器和CSS的display属性来控制DOM元素的可见性。此外,文章还提供了HTML代码示例,详细介绍了如何在页面上创建和布局这些交互元素。

看着以前自己写的这些小例子,现在看看都有点觉得好笑,是自己以前不懂还是现在已经老了?但是自己还是转存过来了,因为我喜欢。

jquery:

$("input[name=add_group]").click(function() {

    if ($("#add_group_div").css("display") == "none") {

    $("#add_group_div").show(500,null);

} else {

    $("#add_group_div").hide();

}

html:

<input type="button" name="add_group" id="add_group" value="add_group" />

<div id="add_group_div" style="display: none;">

    <label>description</label>  <input type="text" id="description" /><br /><br />

    <label>start_serial</label>  <input type="text" id="start_serial" /><br /><br />

    <label>end_serial</label>  <input type="text" id="end_serial" /><br /><br />

    <input type="button" value="submit" />

</div>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员阿宁

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值