为了账号安全,请及时绑定邮箱和手机立即绑定

怎么用js修改表单的属性

为什么把这些内容复制到DW里,更改JQ库路径,js效果出不来啊

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script  src="jquery-1.10.2.min.js"></script>

</head>

<body>

<h3>修改多个单行输入框元素的背景色</h3>

 <form id="frmTest" action="#">

        <input type="text" id="Text1" value="我是小纸条"/><br />

        <textarea rows="3" cols="8"></textarea><br />

        <input type="text" id="Text2" value="我也是小纸条"/><br />

        <button>

            Button</button><br />

        </form>

        

        <script type="text/javascript">

            $("#frmTest :text").addClass("bg_blue");

        </script>

</body>

正在回答

2 回答

http://img1.sycdn.imooc.com//565bb5df0001328604120243.jpg

你的Demo里面少了对应的样式表 所以会有颜色不出来的问题。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
        .bg_blue{background-color: red;}
    </style>

    <script  src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
</head>
<body>
<h3>修改多个单行输入框元素的背景色</h3>
<form id="frmTest" action="#">
    <input type="text" id="Text1" value="我是小纸条"/><br />
    <textarea rows="3" cols="8"></textarea><br />
    <input type="text" id="Text2" value="我也是小纸条"/><br />
    <button>
        Button</button><br />
</form>

<script type="text/javascript">
    $("#frmTest :text").addClass("bg_blue");
</script>
</body>


0 回复 有任何疑惑可以回复我~
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script  src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
</head>
<body>
<h3>修改多个单行输入框元素的背景色</h3>
    <form id="frmTest" action="#">
        <input type="text" id="Text1" value="我是小纸条"/><br />
        <textarea rows="3" cols="8"></textarea><br />
        <input type="text" id="Text2" value="我也是小纸条"/><br />
        <button>Button</button><br />
    </form>
        
    <script type="text/javascript">
        $("#frmTest :text").addClass("bg_blue");
    </script>
</body>


0 回复 有任何疑惑可以回复我~
#1

Y_du

这是可以的,也许是你jquery的没引用对
2015-09-09 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

怎么用js修改表单的属性

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信