• 技术文章 >web前端 >前端问答

    jquery怎么删除hidden属性

    青灯夜游青灯夜游2022-04-27 18:56:16原创281

    删除hidden属性的方法:1、直接用removeAttr()删除hidden属性,语法“元素.removeAttr("hidden")”;2、用prop()将hidden属性的值设置为空,语法“元素.prop("hidden","")”。

    本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

    HTML hidden属性

    hidden 属性规定对元素进行隐藏。隐藏的元素不会被显示。

    如果给元素添加该属性,则会隐藏元素。

    例:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    	</head>
    	<body>
    		<p>这是一段可见的段落。</p>
    		<p hidden="hidden">这是一段被隐藏的段落,现在显示出来了。</p>
    		<p>这是一段可见的段落。</p>
    	</body>
    </html>

    1.png

    jquery怎么删除hidden属性

    1、使用removeAttr()删除hidden属性

    <!DOCTYPE html>
    <html>
    
    	<head>
    		<meta charset="UTF-8">
    		<script src="js/jquery-1.10.2.min.js"></script>
    		<script>
    			$(function () {
                $("button").click(function () {
                    $("p").removeAttr("hidden");
                })
            })
        </script>
    	</head>
    	<body>
    		<p>这是一段可见的段落。</p>
    		<p hidden="hidden">这是一段被隐藏的段落,现在显示出来了。</p>
    		<p>这是一段可见的段落。</p>
    		<button>删除hidden属性</button>
    	</body>
    </html>

    2.gif

    2、使用prop()将hidden属性的值设置为空

    <!DOCTYPE html>
    <html>
    
    	<head>
    		<meta charset="UTF-8">
    		<script src="js/jquery-1.10.2.min.js"></script>
    		<script>
    			$(function () {
                $("button").click(function () {
                    $("p").prop("hidden","");
                })
            })
        </script>
    	</head>
    	<body>
    		<p>这是一段可见的段落。</p>
    		<p hidden="hidden">这是一段被隐藏的段落,现在显示出来了。</p>
    		<p>这是一段可见的段落。</p>
    		<button>删除hidden属性</button>
    	</body>
    </html>

    3.gif

    【推荐学习:jQuery视频教程web前端视频

    以上就是jquery怎么删除hidden属性的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:css中可以定义变量吗 下一篇:jquery怎么删除元素本身
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• jquery闭包是什么意思• jquery sizzle是什么• 在jquery中dom是什么• jquery中apply()方法怎么用• jquery中nan是什么意思
    1/1

    PHP中文网