如何利用js或jQuery控制标签的显示和隐藏??

如何利用js或jQuery控制标签的显示和隐藏??,第1张

首先有个建议,在两个tr之间不要有div,这是很不规范的写法。

其次推荐使用Jquery来写,很好实现。

最后,如果使用的是服务端控件CheckBox,那么在使用JS或Jquery之前,最好先在生成的源代码里核对一下控件的ID。

好了,废话不多说,如下代码能实现你的要求,希望对你有帮助:

<table>
            <tr>
                <td>
                    <asp:TextBox ID="TextBox1" runat="server" Text="111"></asp:TextBox>
                </td>
            </tr>
            <tr class="trr">
                <td>
                    <asp:TextBox ID="TextBox2" runat="server" Text="222"></asp:TextBox>
                </td>
            </tr>
            <tr class="trr">
                <td>
                    <asp:TextBox ID="TextBox3" runat="server" Text="333"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:TextBox ID="TextBox4" runat="server" Text="444"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:CheckBox ID="CheckBox1" runat="server" />
                </td>
            </tr>
        </table>
        <script src="jquery-171minjs" type="text/javascript"></script>
        <script>
            $(document)ready(function () {
                $("#CheckBox1")change(function () {
                    if ($(this)attr("checked"))
                        $("trr")hide();
                    else
                        $("trr")show();
                });
            });
        </script>

你可以将登陆页面与登录后页面包在两个不同的DIV里面,给两个DIV设置不同的id,点击登录时隐藏登录DIV显示登陆后DIV(PS:虽然不知道为啥你要这样做,但是这么做没有安全性可言),显示隐藏DIV的JS代码:

documentgetElementById("EleId")styledisplay="none";
documentgetElementById("EleId")styledisplay="inline";

1、打开Hbuilder编辑器,新建一个html空白文档,输入基本的结构,然后按下Crtl+S保存一下:

2、创建一个button按钮,给按钮设置一个id,名字设置为“myBT”,创建一个用来显示隐藏的div,将其id设置为“main”:

3、给div和button设置一些样式,为了美观好看,这里无需设置display,因为默认就是显示的:

4、编写js脚本,这里用到Jquery,给button添加一个点击事件,然后获取div的dom,判断dom中的display属性值,如果是“none”,就显示div,否则则隐藏:

5、全部完成后,按下crtl+s保存,来到编辑器的右侧,观察显示效果,此时div是显示的:

6、点击hide按钮,会发现div消失了,反复点击按钮会重复显示隐藏的效果,以上就是用JS控制div显示隐藏的案例:

通过div 的id获取中间div的对象
var divObj=documentgetElementById("divId");
如果div是显示的话就隐藏,否则就显示
if(divObjstyledisplay==""){
divObjstyledisplay="none";
}else{
divObjstyledisplay="";
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">ins在主页设置隐藏自己的帖子。
1、先点击下方任务栏最右边的图标进入个人主页后再点击齿轮状的设置。
2、点击隐私后再点击进入贴子。
3、点击隐藏赞数和浏览量的按钮来完成隐藏或是显示的 *** 作。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13408110.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-30
下一篇 2023-07-30

发表评论

登录后才能评论

评论列表(0条)

保存