html页面div的显示/隐藏

废话不多说,直接上代码

html页面代码

点击

           

           
           

还可以输入100


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;即可。

你可能感兴趣的:(前端)