<input type="text" id="a"> var a = document.getElementById("a"); a.onkeydown = function(e){ console.log(e.keycode); }
老师,我为什么返回的都是undefined
重置的时候不能把resest写在from标签中吗?跟老师讲的方法区别是什么呢?
我现在看到jq第二集,讲到隔行变色的地方,视频里是对tr标签进行的操作,script的位置也在style之后,但为什么标题行没变色?是因为th标签特殊,所以改变时候只改变td标签不改变th标签?
老师,我想问一下this的作用
为什么在全选和调整商品数量两个事件中要在方法中传入this,onclike: CheckTest(this)。而在单选事件的方法中就不需要传入this?
老师你好,我分区后界面没显示分区线
老师,为什么我点击全选框,没有反应啊?实在找不到哪出错了
<!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" /> <script type="text/javascript" src="js/jd.js"></script> </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></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> <span>配送至</span> <select> <option>昌平区</option> <option>顺义区</option> <option>大兴区</option> <option>朝阳区</option> </select> </div> </div> <!--标题结束--> <!--显示菜单的开始--> <div class="tips warp"> <ul> <li><input type="checkbox" name="fav" id="all" onclick="checkTest1(this)" />全选</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" name="fav" /></li> <li class="info_2"> <img src="img/img1.jpg" width="80px"/></li> <li class="info_3"><a>【京东超市】desha春秋季儿童休闲服 </a></li> <li class="info_4"><a>颜色:灰色+粉红</a></li> <li class="info_5">¥152.6</li> <li class="info_6"> <button>-</button> <input type="text" value="1" /> <button class="bot">+</button> </li> <li class="info_7">¥152.6</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" name="fav"/></li> <li class="info_2"> <img src="img/img2.jpg" width="80px"/></li> <li class="info_3"><a>【京东超市】联想电脑,第六代智能英特尔 </a></li> <li class="info_4"><a>颜色:灰色+粉红</a></li> <li class="info_5">¥152.6</li> <li class="info_6"> <button>-</button> <input type="text" value="1" /> <button class="bot">+</button> </li> <li class="info_7">¥152.6</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" name="fav"/></li> <li class="info_2"> <img src="img/img3.jpg" width="80px"/></li> <li class="info_3"><a>【京东超市】desha春秋季儿童休闲服 </a></li> <li class="info_4"><a>颜色:灰色+粉红</a></li> <li class="info_5">¥152.6</li> <li class="info_6"> <button>-</button> <input type="text" value="1" /> <button class="bot">+</button> </li> <li class="info_7">¥152.6</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="fav" onclick="checkTest1(this)" />全选</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> <!--结算模块结束--> </body> </html>
JS代码:
//判断是否全选操作 function checkTest1(th){ var flag = th.checked; //获得所有的多选框对象 var fav = document.getElementsByName("fav"); for(var i in fav){ fav[i].checked = false; } }
运行效果图
首先:这个视频讲的方式二获取属性的讲解完全是错的,
下面是解释:
1.实际上这个方法是获得这个元素对象的所有属性(以文本对象的形式进行返回的),
2.这个方法是不需要参数的(但是之前讲过方法实参和形参不需要一一对应的,反法只会根据形参的需要进行取值,所以这边你的参数无论设置多少个,设置什么样的返回的结果都是一样的,因为这个方法不需要参数),
所以我的要求:
下面的答疑老师的解释也是错的或者说没解释道关键点上,所以这个课弄成这个样子可以退点钱嘛(或者完全可以把你们录制好的前端的那部分的这个点直接换掉这个视频,这个视频方向完全是错的,这个还放在上面让人家学?)
类选择器在style里面 "."和不在style里面 "." 有什么区别吗?
老师,我的方式二显示这样的。看看是不是有问题啊?
.= (){ .(); .(); .(); }
老师,这个移除我只需要移除本身就行了吧,上边的可以省略不会有啥影响吧
老师是不是直接使用$(this)来获得对象就不需要用$(th)来接收参数了,我试了一下,发现写不写$(th)都不影响方法的执行效果
function bul(th){ var par = $(this).parent().parent(); par.children().eq(3).html(this.value);//或者转成JQ对象再调用val来获得值 }
写不写$(th)都不影响方法的执行效果这是因为 bul() 方法内嵌在input里面的原因吗
tab.append('<tr id="">'+ '<td><input type="checkbox" name="chk" id="" value="2"/></td>'+ '<td><input type="text" onblur="bul(this)"/></td>'+ '<td><input type="text" onblur="bul(this)"/></td>'+ '<td><input type="text" onblur="bul(this)"/></td>'+ '<td>'+ '<input type="button" name="aa" id="" value="修改数量" onclick="change(this)"/> '+ '<input type="button" name="" id="" value="删除" onclick="del(this)"/>'+ '</td>'+ '</tr>');
reset和submit事件,为什么reset不用on?submit用on?
是reset不加on不影响吗。
还有就是为什么不加事件只有按钮的话点击按钮也会让内容消失
老师,你好,你说js不能两种方式同时使用,但是很多时候很多人都会一边引入类似于jQuery,一边在html页面里面写自己的js代码,这是为什么啊?
.(); .(); .();
老师,这个bind绑定事件,为什么不能实现双击啊?
$("#bu2").bind({
'click':function(){alert("单击事件")},
'dblclick':function(){alert("双击事件")},
'keydown':function(){alert("键盘按下事件")}
})
非常抱歉给您带来不好的体验!为了更深入的了解您的学习情况以及遇到的问题,您可以直接拨打投诉热线:
我们将在第一时间处理好您的问题!
关于
课程分类
百战程序员微信公众号
百战程序员微信小程序
©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园网站维护:百战汇智(北京)科技有限公司 京公网安备 11011402011233号 京ICP备18060230号-3 营业执照 经营许可证:京B2-20212637