【JQuery】:password表单密码选择器

最新推荐文章于 2022-11-14 13:44:11 发布

badlyForPapers

最新推荐文章于 2022-11-14 13:44:11 发布

阅读量885

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/happyhaojie/article/details/51029962

版权

jQuery 专栏收录该内容

73 篇文章 0 订阅

订阅专栏

获取密码输入文本框。

 <body>
        <h3>修改多个密码输入框元素的背景色</h3>
        <form id="frmTest" action="#">
        <input type="text" id="Text1" value="单行文本输入框"/><br />
        <input type="password" id="Text2" value="密码文本输入框"/><br />
        <textarea rows="3" cols="8">区域文本输入框</textarea><br />
        <input type="password" id="Text3" value="密码文本输入框"/><br />
        <button>
            Button</button><br />
        </form>
        
        <script type="text/javascript">
            $("#frmTest:password").addClass("bg_red");
        </script>
    </body>

.bg_red
{
    background-color: red;
    color:Orange;
}

发现没有效果，因为$("#frmTest:password").addClass("bg_red")中#frmTest和:password之间没有空格。

我们把

$("#frmTest:password").addClass("bg_red")

改成

$("#frmTest :password").addClass("bg_red")

$("#frmTest:password").css("color","red")是获取type属性为password的、id为frmTest的元素。

$("#frmTest :password").css("color","red")是获取id为frmTest的元素的子元素，再获取其中type属性为password的元素。

注意：后面这个中间多了一个空格其实就可以看成后代选择器。

badlyForPapers

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
【JQuery】:password表单密码选择器

获取密码输入文本框。修改多个密码输入框元素的背景色区域文本输入框 Button $("#frmTest:password").addClass("bg_red");
复制链接

扫一扫

专栏目录