html页面div的显示/隐藏

废话不多说，直接上代码

html页面代码

<p class="rf marginright20">点击</p>
<div class="message">
            <textarea id="orgAuditDesc" name="orgAuditDesc" placeholder="点击此处添加内容..."></textarea>
            <p class="rf wordNumber">还可以输入<span id="text-count">100</span>字</p>
</div>

js代码

$(".marginright20").click(function(){
        $(".message").toggle();
    })
    $("#orgAuditDesc").on("input propertychange", function () {
        var $this = $(this),
                _val = $this.val(),
                count = "";
        if (_val.length > 100) {
            $this.val(_val.substring(0, 100));
        }
        count = 100 - $this.val().length;
        $("#text-count").text(count);
    });

这样的话文本框默认展示在页面上，如果想要默认隐藏的效果，在css中加入display：none；即可。

html页面div的显示/隐藏相关推荐

原生js设置div隐藏或者显示_10种JS控制DIV的显示隐藏代码
div隐藏与显示 #menus { background-color: #c4cff0; } function Layer_HideOrShow(cur_div) { var current=docu ...
JS控制DIV的显示隐藏
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
div元素显示隐藏切换，点击空白位置消失
HTML <div class="clickthis" onclick="showHide()">举例点击这个</div> <di ...
通过class控制div的显示隐藏
场景: 同一个页面存在新增编辑功能,现需要根据一个选择框去控制其他输入框的显示隐藏. (其实新增编辑应该合到一个页面中,但由于项目较老和其他客观因素导致分开写) 实现: 如下图的js中,通过(.ext ...
短视频app怎么开发Android 登录页面（密码显示隐藏、EditText 图标切换、限制输入长度
密码显示与隐藏方法一 if(status){etPassword.setInputType(InputType.TYPE_CLASS_TEXT | EditorInfo.TYPE_TEXT_VARI ...
html5控制两个重叠div的显示隐藏,2个重叠的div分别设置了hover但是只能显示一个div的hover效果？...
该楼层疑似违规已被系统折叠隐藏此楼查看此楼无标题文档 #tt{ width:291px; height:218px; overflow:hidden; } #tt1{ width:291px; h ...
EasyUI1.5之设置datagrid显示隐藏列
datagrid添加设置隐藏列按钮 js页面初始化datagrid $(function(){initColums();init(); } initColumns()函数 function initC ...
jsp页面中div怎么显示html,jsp怎么把div隐藏
在web页面中,经常需要使用select控件来显示div的显示与隐藏,实现这个方法主要用到了setAttribute方法. 以下为示例代码: 通过选择项显示不同的结果 function showdiv ...
HTML如何在按钮右侧显示div,如何实现点击页面中的一个按钮相应位置的div显示隐藏？...
这个可以通过给按钮点击事件传参来完成,下面是一个小例子 html 点击1 1 点击2 2 点击3 3 点击4 4 点击5 5 css .one{ width: 100px; height: 20px; ...

html页面div的显示/隐藏

html页面div的显示/隐藏相关推荐

最新文章

热门文章