<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(function(){ //1.type属性等于text //$("input[type=text]").css("background-color","red") //2.name属性用z开头的 $("input name^=z").css("background-color","pink") //3.name属性是d结尾的 $("input[name&d]").css("background-color","red") }) </script> </head> <body> <center> <h3>注册页面</h3> <hr /> <form action="" method="get" onsubmit="return zong()"> <table border="1px"> <tr height="35px"> <td width="150px">用户名:</td> <td width="400px"> <input type="text" name="zuname" id="uname" value="" alt="用户名" "/> <span id="uname_span">*用户名必须是3-5位的汉字</span> </td> </tr> <tr height="35px"> <td>密码:</td> <td> <input type="password" name="zpwd" id="pwd" value="" alt="密码"/> <span id="pwd_span"></span> </td> </tr> <tr height="35px"> <td>手机号:</td> <td> <input type="text" name="zphone" id="phone" value="" alt="手机号" /> <span id="phone_span"></span> </td> </tr> <tr height="35px"> <td>邮箱:</td> <td> <input type="text" name="email" id="email" value="" alt="邮箱" /> <span id="email_span"></span> </td> </tr> <tr height="35px"> <td>颜色:</td> <td> <input type="color" name="scolor" id="" /> </td> </tr> <tr height="35px"> <td>爱好:</td> <td> <input type="checkbox" name="fav" id="" value="1" />唱歌 <input type="checkbox" name="fav" id="" value="2" />睡觉 <input type="checkbox" name="fav" id="" value="3" />LOL<br /> <input type="checkbox" name="fav" id="" value="4" />旅游 <input type="checkbox" name="fav" id="" value="5" />高尔夫 <input type="checkbox" name="fav" id="" value="6" />篮球 </td> </tr> <tr height="35px"> <td>籍贯:</td> <td> <select name="adress" id="sel" onchange="checkAdress()"> <option value="0">--请选择--</option> <option value="1">河南</option> <option value="2">湖南</option> <option value="3">海南</option> <option value="4">云南</option> </select> <span id="sel_span"></span> </td> </tr> <tr height="35px"> <td>验证码</td> <td> <input type="number" name="" id="yzm" value=""/> <span id="yzm_span"></span> <span id="yzm2_span"></span> </td> </tr> <tr height="35px"> <td>个人介绍:</td> <td> <textarea name="intro" rows="8" cols="30"></textarea> </td> </tr> <tr height="35px"> <td colspan="2" align="center"> <input type="checkbox" name="" id="check" value="">是否同一本公司协议 </td> </tr> <tr height="35px"> <td colspan="2" align="center"> <input type="submit" id="sub" value="注册" disabled="true"/> </td> </tr> </table> </form> </center> </body> </html>
这两个怎么不执行了?
//2.name属性用z开头的 $("input name^=z").css("background-color","pink") //3.name属性是d结尾的 $("input[name&d]").css("background-color","red")
那如果屏幕分辨率等于临界值呢?
会加载哪一个呢
老师,NAN怎么回事?代码貌似没有问题。。。
老师我想问一下a标签的作用是什么啊我不记得了
//2.name属性用z开头的
// $("input name^=z").css("background-color","pink")
//
// //3.name属性是d结尾的
// $("input[name$d]").css("background-color","green")
是这两个都不执行
*******************老师,注释的快捷键是啥*********
这里的this指向全局环境不太明白诶 为什么执行user外的name
<!--导航开始--> .nav{ height: 30px; background-color: #f1f1f1; } .warp{ width: 1000px; margin: 0px auto; }
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/jdgwc.css"/> <link rel="stylesheet" type="text/css" href="css/reset.css"/> <link rel="stylesheet" type="text/css" href="icon/iconfont.css"/> </head> <body> <div class="nav"> <div class="warp"> </div> </div> </body> </html>
为啥CSS和html设置正常,但是灰色背景显示不出来呢,找了半天没发现原因
怎么和视频里不一样?
我尝试过调样式没用,老师您直接告诉我怎么调我自己再研究研究
html代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/reset.css"/> <link rel="stylesheet" type="text/css" href="css/jd.css"/> <link rel="stylesheet" type="text/css" href="icon/iconfont.css"/> </head> <body> <!--导航蓝开始--> <div class="nav"> <div class="warp"> <ul class="nav_ul1"> <li><a href=""><i class="iconfont"></i>京东首页</a></li> <li><a href="">配送至:广东</a></li> </ul> <ul class="nav_ul2"> <li><a href="">我的订单</a><span>|</span></li> <li><a href="">我的京东</a><span>|</span></li> <li><a href="">京东会员</a><span>|</span></li> <li><a href="">企业采购</a><span>|</span></li> <li><a href="">客服服务</a><span>|</span></li> <li><a href="">网站导航</a><span>|</span></li> <li><a href="">手机京东</a></li> </ul> </div> </div> <!--导航栏结束--> <!--搜索蓝开始--> <div class="search"> <div class="warp"> <img src="img/logo.jpg" /> <div class="search_div" > <input type="text" class="search_text" /> <input type="button" value="搜索" class="search_but" /> </div> </div> </div> <!--搜索蓝结束--> <!--标题的开始--> <div class="title warp"> <h3>全部商品</h3> <div class="title_se_op"> <span>配送到</span> <select> <option>南山区</option> <option>南山区</option> </select> </div> </div> <!--标题的结束--> <!--显示菜单的开始--> <div class="tips warp"> <ul> <li><input type="checkbox" /> 全选 </li> <li>商品</li> <li>单价</li> <li>数量</li> <li>小计</li> <li>操作</li> </ul> </div> <!--显示菜单的结束--> </body> </html>
css代码:
.nav{ height: 37px; background-color: #F0F0F4; } .warp{ width: 1000px; margin: 0px auto; } .nav_ul1,.nav_ul2 li{ float: left; } .nav_ul1 li{ float: left; line-height: 37px;/*行高*/ margin-right: 20px; } .nav_ul1 a,.nav_ul2 a{ font-size: 12px; color: gray; } .nav_ul2{ float: right; } .nav_ul2 li,.nav_ul2 span{ line-height: 37px; margin-left: 20px; } .nav a:hover{/*鼠标放上去显示什么颜色*/ color: red; } /*搜索框开始*/ .search{ margin-top: 20px; } .search img{ /*清除之前的样式*/ clear: both; float: left; } .search_div{ float: right; margin-top: 20px; } .search_text{ width: 335px; height: 25px; border: 3px solid #c91623; position: relative; left: 4px; top: -2; } .search_but{ width: 65px; height: 32px; background-color:#c91623; border: 0px; color: #FFFFFF; } /*搜索框结束*/ /*标题的开始*/ .title{ margin-top: 130px; } .title h3{ float: left; font-size: 23px; color: #c91623; } .title_se_op{ float: right; font-size: 14px; color: gray; } /*标题的结束*/ /*显示菜单的开始*/ .tips{ width: 1003px; height: 50px; background-color:#F0F0F4; margin-top: 159px; } .tips li{ float: left; line-height: 50px; font-size: 12px; color: gray; } /*显示菜单的结束*/
老师,这个设置长度的单位是像素,那是不是一个文件在不同电脑中运行的结果会有偏差啊。
一、百度静态资源库http://cdn.code.baidu.com/已经打不开了
老师,为什么tips里面还要加宽度,一开始的warp里面不是已经定义好了吗
HBuilder打开的网页是空白怎么办??????????????????????
老师,3分05秒里,有正则表达式else if{reg.test(uname)} 不理解这个test ,是只要判断正则表达式的都要调用test方法进行比较吗?
如果图片与HTML文件不在同一文件夹下怎么写
非常抱歉给您带来不好的体验!为了更深入的了解您的学习情况以及遇到的问题,您可以直接拨打投诉热线:
我们将在第一时间处理好您的问题!
关于
课程分类
百战未来微信公众号
百战未来微信小程序
©2014-2026百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园网站维护:百战汇智(北京)科技有限公司 京公网安备 11011402011233号 京ICP备18060230号-3 营业执照 经营许可证:京B2-20212637