jQ的hover和js的hover有些不同,之后学习的同学可以注意下。一个是进出触发事件,一个是徘徊不断触发事件。
老师,为什么我这个列没合并起来
百度资源库已经挂了,js1.7没得下了。要怎么解决live事件呢?
老师这个地方给margin-right :10px也是一样的效果,但是加上 | 的时候如果是right的话为什么会变成这样
复制文档中的代码粘贴上去,idea显示NBSP,vscode里有黄色的方块,怎么解决
<!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 insertNode(){ //创建节点对象 var p =$('<p>'+ '照片:<input type="file" name="" id="" value="" />'+ '<input type="button" name="" id="" value="删除" onclick="removeNode(this)" />'+ '</p>'); $("#last").before(p); } function removeNode(obj){ $(obj).parent().remove(); } </script> </head> <body> <form> <p> 用户名:<input type="text" name="" id="" value="" /> </p> <p> 照片:<input type="file" name="" id="" value="" /> <input type="button" name="" id="" value="添加" onclick="insertNode()" /> </p> <p id="last"> <input type="button" name="" id="" value="提交" /> <input type="button" name="" id="" value="清空" /> </p> </form> </body> </html>
老师,这份案列中的
function removeNode(obj){ $(obj).parent().remove(); }
这段代码中的函数的参数ojb表示什么意思,上面用的是指代本身的this,到这里为什么就直接变成了obj? 这个obj'仅仅是一个参数的名字嘛,其实还是指代的this?
老师好, 在项目使用的 使得内容居中的 div 的别名 warp 是哪个单词的缩写
问题:老师之前写的代码,我重新复制了一下,打开就成这个样子了
之前的那个打开没问题
源代码:
<!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><span>|</span></li> <li><a href="">客服服务</a><span>|</span></li> <li><a href="">网站导航</a><span>|</span></li> </ul> </div> </div> <!--导航结束--> <!--搜索框开始--> <div class="search"> <div class="warp"> <img src="img/login.png" /> <div class="search_div" > <input type="text" class="search_text"/> <input type="button" value="搜索" class="search_button"/> </div> </div> </div> <!--搜索框结束--> <!--标题开始--> <div class="title warp"> <h3>全部商品</h3> <div> <span>配送到</span> <select> <option>海淀区</option> <option>昌平区</option> <option>朝阳区</option> <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> <!--显示菜单的结束--> <!--商品的详情展示开始--> <div class="info warp"> <ul> <li class="info_1"><input type="checkbox"/></li> <li class="info_2"><img src="img/img1.png" width=80px;></li> <li class="info_3"><a>【新品上市】APPLE苹果2019新款iPad Air3 64G</a></li> <li class="info_4"><a>颜色:深空灰色 </a></li> <li class="info_5">¥3548.00</li> <li class="info_6"> <button>-</button> <input type="text" name="" id="" value="1"/> <button class="bot">+</button> </li> <li class="info_7">¥3548.00</li> <li class="info_8"> <a>删除</a><br /> <a>移到我的关注</a> </li> </ul> </div> <div class="info warp"> <ul> <li class="info_1"><input type="checkbox"/></li> <li class="info_2"><img src="img/img2.png" width=80px;></li> <li class="info_3"><a>【新品上市】苹果2019新款MacBook Pro 13.3英寸苹果笔记本电脑 256G</a></li> <li class="info_4"><a>颜色:银色 </a></li> <li class="info_5">¥10888.00</li> <li class="info_6"> <button>-</button> <input type="text" name="" id="" value="1"/> <button class="bot">+</button> </li> <li class="info_7">¥10888.00</li> <li class="info_8"> <a>删除</a><br /> <a>移到我的关注</a> </li> </ul> </div> <div class="info warp"> <ul> <li class="info_1"><input type="checkbox"/></li> <li class="info_2"><img src="img/img3.png" width=80px;></li> <li class="info_3"><a>【新品上市】华为平板电脑MatePad Pro 10.8 6G+128G</a></li> <li class="info_4"><a>颜色:贝母白 </a></li> <li class="info_5">¥3799.00</li> <li class="info_6"> <button>-</button> <input type="text" name="" id="" value="1"/> <button class="bot">+</button> </li> <li class="info_7">¥3799.00</li> <li class="info_8"> <a>删除</a><br /> <a>移到我的关注</a> </li> </ul> </div> <div class="info warp"> <ul> <li class="info_1"><input type="checkbox"/></li> <li class="info_2"><img src="img/img3.png" width=80px;></li> <li class="info_3"><a>算法(第4版) [Algorithms Fourth Edition]</a></li> <li class="info_4"><a>颜色:无 </a></li> <li class="info_5">¥7800.00</li> <li class="info_6"> <button>-</button> <input type="text" name="" id="" value="1"/> <button class="bot">+</button> </li> <li class="info_7">¥7800.00</li> <li class="info_8"> <a>删除</a><br /> <a>移到我的关注</a> </li> </ul> </div> <!--商品的详情展示结束--> <!--结算模块开始--> <div class="balance warp"> <ul class="balance_ul1"> <li> <input type="checkbox" name="" id="" value=""/> 全选 </li> <li><a>删除选择商品</a></li> <li><a>移到我的关注</a></li> <li><a>清除下柜商品</a></li> </ul> <ul class="balance_ul2"> <li>已选择<span>1</span>商品</li> <li>总价:<span>¥12</span></li> <li> <button class="butt">去结算</button> </li> </ul> </div> <!--结算模块结束--> <br /> <br /> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>隔行变色-CSS</title> <style type="text/css"> .datalist{ border:1px solid #007108; font-family:Arial; border-collapse:collapse; background-color:#d9ffdc; font-size:14px; } .datalist th{ border:1px solid #007108; background-color:#00a40c; color:#FFFFFF; font-weight:bold; padding-top:4px; padding-bottom:4px; padding-left:12px; padding-right:12px; text-align:center; } .datalist td{ border:1px solid #007108; text-align:left; padding-top:4px; padding-bottom:4px; padding-left:10px; padding-right:10px; } </style> <script type="text/javascript"> /*********用Js的方法********/ window.onload = function { var tr = document.getElementsByTagName("tr");/*根据元素名称获取对象*/ for(var i =0;i<tr.length;i++){ if(i%2==0){ tr[i].style.backgroundColor="red" }else{ tr[i].style.backgroundColor = "green" } } } </script> </head> <body > <table class="datalist" summary="list of members in EE Studay" id="oTable"> <tr> <th scope="col">Name</th> <th scope="col">Class</th> <th scope="col">Birthday</th> <th scope="col">Constellation</th> <th scope="col">Mobile</th> </tr> <tr> <!-- 奇数行 --> <td>isaac</td> <td>W13</td> <td>Jun 24th</td> <td>Cancer</td> <td>1118159</td> </tr> <tr> <!-- 偶数行 --> <td>fresheggs</td> <td>W610</td> <td>Nov 5th</td> <td>Scorpio</td> <td>1038818</td> </tr> <tr> <!-- 奇数行 --> <td>girlwing</td> <td>W210</td> <td>Sep 16th</td> <td>Virgo</td> <td>1307994</td> </tr> <tr> <!-- 偶数行 --> <td>tastestory</td> <td>W15</td> <td>Nov 29th</td> <td>Sagittarius</td> <td>1095245</td> </tr> <tr> <!-- 奇数行 --> <td>lovehate</td> <td>W47</td> <td>Sep 5th</td> <td>Virgo</td> <td>6098017</td> </tr> <tr> <!-- 偶数行 --> <td>slepox</td> <td>W19</td> <td>Nov 18th</td> <td>Scorpio</td> <td>0658635</td> </tr> <tr> <!-- 奇数行 --> <td>smartlau</td> <td>W19</td> <td>Dec 30th</td> <td>Capricorn</td> <td>0006621</td> </tr> <tr> <!-- 偶数行 --> <td>shenhuanyan</td> <td>W25</td> <td>Jan 31th</td> <td>Aquarius</td> <td>0621827</td> </tr> <tr> <!-- 奇数行 --> <td>tuonene</td> <td>W210</td> <td>Nov 26th</td> <td>Sagittarius</td> <td>0091704</td> </tr> <tr > <!-- 偶数行 --> <td>ArthurRivers</td> <td>W91</td> <td>Feb 26th</td> <td>Pisces</td> <td>0468357</td> </tr> <tr> <!-- 奇数行 --> <td>reconzansp</td> <td>W09</td> <td>Oct 13th</td> <td>Libra</td> <td>3643041</td> </tr> <tr > <!-- 偶数行 --> <td>linear</td> <td>W86</td> <td>Aug 18th</td> <td>Leo</td> <td>6398341</td> </tr> <tr> <!-- 奇数行 --> <td>laopiao</td> <td>W41</td> <td>May 17th</td> <td>Taurus</td> <td>1254004</td> </tr> <tr> <!-- 偶数行 --> <td>dovecho</td> <td>W19</td> <td>Dec 9th</td> <td>Sagittarius</td> <td>1892013</td> </tr> <tr> <!-- 奇数行 --> <td>shanghen</td> <td>W42</td> <td>May 24th</td> <td>Gemini</td> <td>1544254</td> </tr> <tr> <!-- 偶数行 --> <td>venessawj</td> <td>W45</td> <td>Apr 1st</td> <td>Aries</td> <td>1523753</td> </tr> <tr> <!-- 奇数行 --> <td>lightyear</td> <td>W311</td> <td>Mar 23th</td> <td>Aries</td> <td>1002908</td> </tr> </table> </body> </html>
老师我的隔行换色怎么没反应?
报的是这个错误
var a=["sxt","baizhan","it"];
//for循环
for(var i=0;i<a.length;i++){
console.log(a[i]);
}
var i=0;
while(i<a.length){
i++;
for循环里的i与while循环上面的i有没有关系?
老师,js是可以用lambda表达式的吗
问题一:alt作用是什么
问题二:在name和id同时存在时,name和id输入其中一个时另一个会默认生成同样的名字,在输入完没有点回车确认时删除也会默认同时删除,这是为什么?
问题三:class、name、id都有什么作用,有什么区别
问题四:每个tr都设置了height="35px",可不可以在style中设置,不在每个tr中写
<style> tr{ height: 35px; } </style>
问题五:disabled="true"和disabled="disabled"都是启用禁用功能,他俩有啥区别吗
刚看到本视频中的提问,我也遇到了这个下面那个问题,我的原因是在单价那里加了¥符号
如果加了¥符号就会出现以下情况!
只要这里一加符号¥,那计算单个商品总价格那里就就有数字+字符,转换成Number的时候就会出现NAN的情况!
分析经验,不是提问,老师可忽略!
老师,在书写这种单标签的时候,不加反斜线和加上反斜线的效果是一样的,那我们在真正写网页的时候还需不需要加上这个反斜线呢?
老师 我的JQ全部都不无效
$(function(){ alert("456") }) jQuery(function(){ alert("111") })
在页面加载不出来
非常抱歉给您带来不好的体验!为了更深入的了解您的学习情况以及遇到的问题,您可以直接拨打投诉热线:
我们将在第一时间处理好您的问题!
关于
课程分类
百战程序员微信公众号
百战程序员微信小程序
©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园网站维护:百战汇智(北京)科技有限公司 京公网安备 11011402011233号 京ICP备18060230号-3 营业执照 经营许可证:京B2-20212637