jQuery的on绑定事件的this指向

有3个.change的div，然后div里有一个按钮，用$("body").on("click",".change",function(){ var that=$(this) }) 中的that指向是谁啊，求大神告解

jquery on重复事件绑定

``` var insertPrivilegeB= { execute:function() { $.ajax ({ url: "/SSH/ajaxGetPrivilegeBAction", type:"POST", dataType:"json", success:function(ajaxData) { var map=getPrivilegeBMap(ajaxData); /**这里绑定了事件，调用下面的reflesh时候alert("hh")将被调用两次*/ $("#privilegeManage").off("click",".open_or_close_privilegeB") .on("click",".open_or_close_privilegeB",function (event) { alert("hh"); insertPrivilegeB.openOrClosePrivilegeB($(this),map); }); }, error:function(data) { alert("数据异常！"); } }); } }; var reflesh=function() { insertPrivilegeB.execute(); }; /****两个方法的运行：刚刚开始直接运行insertPrivilegeB.execute();运行正常。 alert("hh")只执行一次。当点击刷新按钮则执行reflesh，此时alert执行两次， 说明事件重复绑定了，但是这该怎么解决？是我的代码有问题？ *****/ ```

jquery的click事件多次绑定

**.tools-comment是评论按钮的class名，点击它弹出回复评论层。添加回复内容，点发表，发表成功，将返回的数据写入页面中。此时不刷新页面，再次点击评论，发表，则一下发表了两条相同的数据，ajax请求了两次。第三次则发表三条......第N次发表N条。.editWindow-send就是弹出层上面的发表按钮的class名，代码如下，请大神帮看看是什么原因。** var topicid,artsid,articleid; $("#found").on("click",".tools-comment",function (){ //跳转评论 var tempHtml=''; var url="index.php?app=weixin&ac=wnote&ts=verifyUser"; $.ajax({ url:url, type:"get", async:false, datatype:"json", success:function(data) { var data=$.parseJSON(data); if(data.code==1) showEditWindow(); if(data.code==0) popWindowAlert(data.msg); if(data.code==4) location.href=data.ts_url; if(data.code==5) location.href=data.ts_url; } }); //这里需要记录当前点击是哪个话题 articleid=$(this).children(".docomment").attr("articleid"); artsid=$(this).children(".docomment").attr("artsid"); topicid=$(this).children(".docomment").attr("topicid"); if(articleid){ var url="index.php?app=weixin&ac=wnote&ts=addArticleComment"; $(".editWindow-send").on("click",function (){ var content=$("#ComentContent").val(); $.ajax({ url:url, type:"post", datatype:"json", async:false, data:{"articleid":articleid,"content":content}, success:function(data){ var data=$.parseJSON(data); //执行登陆跳转 if (data.status==800) { popWindowAlert(data.msg); } //执行成功返回跳转 if(data.status==1){ var htmlStr="<li class='reply-again' id="+data['res']['commentid']+" comment_id="+data['res']['commentid']+"><div class='ku_replyp delcomment' id="+data['res']['commentid']+" to_userid="+data['res']['commentid']+" comment_id="+data['res']['commentid']+"><div class='reply-photo'><a href='index.php?app=weixin&ac=wcircleZone&userid="+data['res']['userid']+"' class='ui-link'><img src='"+data['res']['face']+"'></a></div><div class='ku_replyp_text'>"+data['res']['username']+":</div> <div class='ku_replyp_con'>"+data['res']['content']+"</div></div><div class='reply-time'><div class='reply-time-l'>"+data['res']['addtime']+"</div> <div class='reply-time-r'> <ul><li class='glm-love'><i></i><span class='likenum'></span></li> <li class='glm-line'>|</li> <li class='comment-reply' to_comment_id='300' comment_id='300'><i></i></li> </ul></div> </div> <div class='reply-box-all'> </div><div class='clear'></div> <div class='br10'></div></li>"; $(".gl-replay-list").append(htmlStr); }else{ //执行失败 popWindowAlert(data.msg); } } }); }); } });

为何jQuery判断已选中的checkbox，Chrome获取的值永远是false而IE是true？

代码如下： ``` $(":checkbox").on("blur", function () { console.log($(this).prop("checked")); console.log(this.checked); } ``` 在chrome中输出为：false false 而在IE控制台的输出为：true true ……一口老血 求问这究竟是为何？？ 感谢 daniellinbiti 的回答。已经找到问题所在了，就在于on绑定的是blur状态而不是change状态。这段代码一开始编写测试的时候也是正常的，后来别人运行的时候出了问题，我再测试就发现了这个问题。 结果就是chrome必须要绑定change事件才能够保证百分百获取正确值。

data("id",id) 无法获取表格中<tr>所绑定的id值

``` //绑定id值到tr var tr="<tr>"; tr+="<td>"; tr+="<input type='checkbox' value='"+id+"' name='checkbox'/>"; tr+="</td>"; tr+="<td class='td_dep'>"+info_type+"</td>"; tr+="<td class='td_dep'>"+type+"</td>"; tr+="<td class='td_dep'>"+release1+"</td>"; tr+="<td class='td_dep'>"+effective_s+"到"+effective_o+"</td>"; tr+="<td class='td_dep'>"+compete+"</td>"; tr+="<td class='td_dep'>"+region+"</td>"; tr+="<td class='td_dep'>"+product+"</td>"; tr+="<td class='td_dep'>"+source+"</td>"; tr+="</tr>"; var $tr=$(tr); $tr.data("id",id); console.log($tr.data("id")); //获取从tr中获取id值 $("#table_content").on("click",".td_dep",function(){ //获取绑定 的ID值 var $tr=$(this).parent(); var id=$tr.data("id"); console.log(id); 各位大神，为什么获取id值总是提示undifine,需要怎么解决呢 ``` 

button按钮 class无法绑定点击事件

为什么无法触发 .updateById alert()都没有弹出来 在js文件里 ``` <button type='button' class='btn btn-danger btn-xs updateById'>未上架</button> function updateById() { alert('sdfsdfs'); $(".updateById").on("click",function() { var ALIAE_CODE = $(this).parent().parent().find("td:eq(0)").text().trim(); //获取id if (confirm('确认报价吗?')) { $.ajax({ url : 'salesSlowMovingStock/updateShelvesById.do', type : 'POST', dataType : 'json', data : {ALIAE_CODE : ALIAE_CODE}, success : function(data) { if (data = 1) { //firstLoadData("/distributionQuote/getdistributionQuotePage.do?"+ mySelectForm,$(".laypage_curr").text()); // 指定url } else { alert("添加失败"); } } }); } else { return false; } }); } ```

js中事件绑定,$("body").on("click")与$("").click()区别

``` <dl> <dt>性别</dt> <dd> <a href="javascript:void(0);" class="sex_icon set_icon"></a><p>男</p> <a href="javascript:void(0);" class="sex_icon set_icon"></a><p>女</p> <a href="javascript:void(0);" class="sexon_icon set_icon"></a><p>保密</p> </dd> </dl> ``` 这是一个选择 男、女、保密 的功能 但 下面的 js 一个有问题，一个成功： 有问题、有bug的： ``` $(".sex_icon").click(function(){ $(this).removeClass().addClass("sexon_icon set_icon").siblings("a").removeClass().addClass("sex_icon set_icon"); }); 或者是： $(".sex_icon").click(function(){ $(this).removeClass("sex_icon").addClass("sexon_icon").siblings("a").removeClass("sexon_icon").addClass("sex_icon"); }); ``` 下面是成功的、无问题的： ``` $("body").on("click",".sex_icon",function(){ $(this).removeClass("sex_icon").addClass("sexon_icon").siblings("a").removeClass("sexon_icon").addClass("sex_icon"); }); ``` 以上2种均在浏览器点击时无报错！ 求大神 解释！它们有什么区别！！！

jquery.cookie 能绑定data("id",id) 提取不到data("id)

绑定的数据： ``` var tr="<tr>"; tr+="<td>"; tr+="<input type='checkbox' value='"+id+"' name='checkbox'/>"; tr+="</td>"; tr+="<td class='td_dep'>"+info_type+"</td>"; tr+="<td class='td_dep'>"+type+"</td>"; tr+="<td class='td_dep'>"+release1+"</td>"; tr+="<td class='td_dep'>"+effective_s+"到"+effective_o+"</td>"; tr+="<td class='td_dep'>"+compete+"</td>"; tr+="<td class='td_dep'>"+region+"</td>"; tr+="<td class='td_dep'>"+product+"</td>"; tr+="<td class='td_dep'>"+source+"</td>"; tr+="</tr>"; var $tr=$(tr); $tr.data("id",id); 提取的： $("#table_content").on("click",".td_dep",function(){ //获取绑定 的ID值 var $tr=$(this).parent(); var id=$tr.data("id"); alert(id); }); 就是alert提示undifine ```

jquery data() undifined

``` //文件上传 $("#fileuploadsave").click(function(){ $.ajaxFileUpload({ url: 'http://localhost:8080/Data/upload/uploads.do', //用于文件上传的服务器端请求地址 secureuri: false, //是否需要安全协议，一般设置为false fileElementId: 'file1', //文件上传域的ID dataType: 'json', //返回值类型 一般设置为json success: function (result){ //服务器成功响应处理函数 var data=result.data; for(var i=0;i<data.length;i++){ var file_id=data[i].file_id; var file_name=data[i].file_name; var relative_path=data[i].relative_path; console.log(relative_path); var id=data[i].id; var image1="<img src='"+relative_path+"'/>"; image1+="<span>"+file_name+"</span>"; var file_a="<a class='a1'>删除</a>"; var $file_a=$(file_a); $file_a.data("file_id",file_id); console.log($file_a.data("file_id"))；//第一次打印 var image_a=image1+file_a; var $image_a=$(image_a); //显示图片 $("#upload_img").append($image_a); } }, error:function(){ alert("fjlasjf"); } }); }); $("#upload_img").on("click",".a1",function(){ var file_id=$(this).data("file_id");//第二次打印 console.log(file_id); }); <div id="upload_img"></div> ``` 为什么第一次可以打印出，file_id值，第二次就不可以了呢，经常遇到这种使用data(),绑定数据异常，求解

这段js为什么报错？

提示：for (item in this.validators) { 这句报错不知道为什么 function Field(params) { this.field_id = params.fid; //要验证的字段的ID this.validators = params.val; //验证器对象数组 this.on_suc = params.suc; //当验证成功的时候执行的事件 this.on_error = params.err; //当验证失败的时候执行的事件 this.checked = false; //是否通过验证 } Field.prototype.validate = function() { //循环每一个验证器 alert(this.validators["f1"]); for (item in this.validators) { //给验证器附加验证成功和验证失败的回调事件 this.set_callback(this.validators[item]); //执行验证器上的Validate方法，验证是否符合规则 if (!this.validators[item].validate(this.data())) { break; //一旦任意一个验证器失败就停止 } } } //获取字段值的方法 Field.prototype.data = function() { return document.getElementById(this.field_id).value; } Field.prototype.set_callback = function(val) { var self = this; //换一个名字来存储this，不然函数的闭包中会覆盖这个名字 val.on_suc = function() { //验证成功执行的方法 self.checked = true; //将字段设置为验证成功 self.on_suc(val.tips); //执行验证成功的事件 } val.on_error = function() { //验证失败的时候执行的方法 self.checked = false; //字段设置为验证失败 self.on_error(val.tips);//执行验证失败的事件 } } //长度验证的验证器类 function Len_val(min_l, max_l, tip) { this.min_v = min_l; this.max_v = max_l; this.tips = tip; this.on_suc = null; this.on_error = null; } Len_val.prototype.validate = function(fd) { if (fd.length < this.min_v || fd.length > this.max_v) { this.on_error(); return false; } this.on_suc(); return true; } //正则表达式验证器 function Exp_val(expresion, tip) { this.exps = expresion; this.tips = tip; this.on_suc = null; this.on_error = null; } Exp_val.prototype.validate = function(fd) { if (!fd) { this.on_suc(); return true; } if (this.exps.test(fd)) { this.on_suc(); return true; } else { this.on_error(); return false; } } //远程验证器 function Remote_val(url, tip) { this.p_url = url; this.tips = tip; this.on_suc = null; this.on_error = null; } Remote_val.prototype.validate = function(fd) { var self = this; $.post(this.p_url, { f : fd }, function(data) { if (data.rs) { self.on_suc(); return; } else { self.on_error(); } }, "json"); return false; } //自定义函数验证器 function Man_val(tip, func) { this.tips = tip; this.val_func = func; this.on_suc = null; this.on_error = null; } Man_val.prototype.validate = function(fd) { if (this.val_func(fd)) { this.on_suc(); } else { this.on_error(); } } function UserForm(items) { this.f_item = items; //把字段验证对象数组复制给属性 for (idx = 0; idx < this.f_item.length; idx++) { //循环数组 var fc = this.get_check(this.f_item[idx]); //获取封装后的回调事件 $("#" + this.f_item[idx].field_id).blur(fc); //绑定到控件上 } } //绑定验证事件的处理器，为了避开循环对闭包的影响 UserForm.prototype.get_check = function(v) { return function() { //返回包装了调用validate方法的事件 v.validate(); } } //绑定提交事件到元件 UserForm.prototype.set_submit = function(bid, bind) { var self = this; $("#" + bid).click(function() { if (self.validate()) { bind(); } }); } //验证所有的字段 UserForm.prototype.validate = function() { for (idx in this.f_item) { //循环每一个验证器 this.f_item[idx].validate(); //再检测一遍 if (!this.f_item[idx].checked) { return false; //如果错误就返回失败，阻止提交 } } return true; //一个都没错就返回成功执行提交 } html： <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'data.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <script type="text/javascript" src="<%=path%>/jquery/jquery-1.6.2.min.js"> </script> <script type="text/javascript" src="<%=path%>/page/reg/js/validata.js"> </script> <script type="text/javascript"> var form; $(function() { var uf = new UserForm( [ new Field( { fid : "f1", val : [ new Len_val(1, 5, "长度错误"), new Exp_val('v_int', "不是数字") ], suc : function(text) { $('t1').val(''); $('t1').attr('class', 'suc'); }, err : function(text) { ('t1').val(text); $('t1').attr('class', 'error'); } }) ]); uf.set_submit("bt", function(form) { alert("表单已经提交了"); }); }); </script> <style> .suc { background-color: #00ff00; } .error { background-color: #ff0000; } </style> </head> <body> <input type="text" id="f1" name="f1" /> <span id="ddd"></span> <br /> <input type="button" id="bt" value="提交" /> </body> </html>

ASP.net <%=token%>显示不出数据

打算用ASP.net <%=token%>输出到一个菜单链接里作为参数，在根目录的页面里能够正常显示，但是在二级目录下的页面就会出问题，也就是说显示不出来，菜单栏都是复制过去的，为什么会出现这种情况？ ``` <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PersonEfficiency.aspx.cs" Inherits="RepairSever.Rank.PersonEfficiency" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>维修服务平台</title> <link href="../rsp/Tbase/base.css" rel="stylesheet" type="text/css" /> <link href="../rsp/Tbase/top.css" rel="stylesheet" type="text/css" /> <link href="../rsp/Template/Default/style.css" rel="stylesheet" type="text/css" /> <link href="../rsp/js/jNotify/jNotify.jquery.css" rel="stylesheet" type="text/css" /> <script src="../rsp/js/jquery-1.11.0.min.js" type="text/javascript"></script> <script src="../rsp/js/jquery.hoverdelay.js" type="text/javascript"></script> <script src="../rsp/js/jNotify/jNotify.jquery.js" type="text/javascript"></script> <script src="../rsp/js/layer/layer.min.js" type="text/javascript"></script> <script src="../rsp/js/base.js" type="text/javascript"></script> </head> <body> <form id="form1" runat="server"> <div> <!--top--> <div class="top"> <div class="layout-top"> <div class="layout-top-warp"> <ul class="layout-top-title"> <li class="top-app-title">高校后勤数字化平台</li> <li class="top-line-app"></li> <li class="top-app">维修服务<em class="top-arr"></em> <div class="top-app-menu" style="display: none;"> <ul> <li><a href="pc">个人中心</a></li> <li><a href="dsh">服务大厅</a></li> <li><a href="ssp">服务监督</a></li> <li><a href="pc/home/appnav/3" title="更多" style="font-weight: bold;">…</a></li> </ul> </div> </li> </ul> <ul class="layout-top-login"> <li class="top-line"></li> <li class="top-login" data-value="登录">登录</li> <li class="top-line"></li> </ul> </div> </div> </div> <!--endtop--> <!--logo--> <div class="layout-logo"> <div class="layout-logo-warp"> <img class="logo" src="../rsp/logo.png" /> <div class="logo2"></div> <div class="top-img"></div> <a class="btn logo-iwant" data-value="" href="rsp/my/wantrepair"> <em></em>我要报修</a> </div> <!--end logo--> <!--nav--> <div class="layout-nav"> <div class="layout-nav-warp"> <ul> <li id="nav-index"><a class="nav-a" href="../Default.aspx?token=<% =token%>">平台首页</a></li> <li id="nav-DataCx"><a class="nav-a" href="../sjcx.aspx?token=<% =token%>">数据查询</a></li> <li id="nav-DataJk"><a class="nav-a" href="../sjhz.aspx?token=<% =token%>">数据汇总</a></li> <li id="nav-DataJk"><a class="nav-a" href="../sjfx.aspx?token=<% =token%>">数据分析</a></li> <li id="nav-pm" class="nav-menu"><a class="nav-a">维修排名</a><em class="nav-arr"></em> <ul class="top-nav-menu" style="display: none;"> <li><a href="TeamEfficiency.aspx?token=<% =token%>">单位效率排名</a></li> <li><a href="PersonEfficiency.aspx?token=<% =token%>">个人效率排名</a></li> <li><a href="TeamSatisfaction.aspx?token=<% =token%>">单位满意度排名</a></li> <li><a href="PersonSatisfaction.aspx?token=<% =token%>">个人满意度排名</a></li> </ul> </li> <li id="nav-tj" class=" nav-menu"><a class="nav-a">维修统计</a><em class="nav-arr"></em> <ul class="top-nav-menu" style="display: none;"> <li><a href="../count/TeamWork.aspx?token=<% =token%>">单位工作量统计</a></li> <li><a href="../count/PersonWork.aspx?token=<% =token%>">个人工作量统计</a></li> <li><a href="../count/BuildingWork.aspx?token=<% =token%>">楼宇维修量统计</a></li> <li><a href="../count/RepairItem.aspx?token=<% =token%>">维修项目统计</a></li> </ul> </li> <li id="nav-wxdw"><a class="nav-a" href="#">维修队伍</a> </li> <li id="nav-fwzn" class=" nav-menu"><a class="nav-a">服务指南</a><em class="nav-arr"></em> <ul class="top-nav-menu" style="display: none;"> <li><a id="index-fw-常见问题解答" href="#" >常见问题解答</a></li> <li><a id="index-fw-维修范围划分" href="#" >维修范围划分</a></li> <li><a id="index-fw-不属后勤维修范围" href="#" >不属后勤维修范围</a></li> </ul> </li> </ul> <div class="layout-nav-search" id="layout-nav-search"> <form method="get" action="rsp/site/DataCx" id="search-form" onkeydown="if(event.keyCode==13){return false;}"> <input placeholder="输入报修内容进行检索" id="nav-search-input" name="search" /> <b></b> </form> </div> <script language="javascript" type="text/javascript"> $(document).ready(function () { $("#layout-nav-search b").click(function () { indexSearch(); }); $("#nav-search-input").keydown(function (event) { var keycode = (event.keyCode ? event.keyCode : event.which); if (keycode == 13) { indexSearch(); } }); }); function indexSearch() { if ($("#nav-search-input").val().length == 0) { return false; } $("#search-form").submit(); } </script> </div> </div> <!--end nav--> </div> <!--实时数据监控--> <!--实时数据监控--> <div class="layout-center"> <div class="box" style="min-height: 500px;"> <div class="box-title"> <span><b class="icon2"></b>个人维修效率排名</span> <ul class="box-nav-s"> <li class="yj3 " data-value="month">本月</li> <li class="yj3 on" data-value="year">本年</li> </ul> </div> <ul class="datalist datalist-head grxl"> <li class="xh">序号</li> <li class="Name">姓名</li> <li class="wxcs">维修次数</li> <li class="wxsj">平均用时（分）</li> </ul> <div id="personlist"> </div> <script type="text/javascript"> $(document).ready(function () { $(".datalist-item:odd").addClass("even_row"); }); </script> <div style="clear: both;"> </div> </div> <div style="clear: both;"> </div> </div> <!--footer--> <div class="layout-footer"> <div class="layout-footer-warp"> </div> <div class="layout-footer-bottom"> <div class="layout-footer-bottom-warp"> RSP2.0 -Repair service platform 版本号：2.01 版本时间:2014.5 </div> </div> </div> <!--footer end--> <div id="messge-box" class="messge-box yj5">提示信息</div> <div class="jump-top-box" style="right: 5px; visibility: visible; top: 606px;" id="gotoTop"> <div class="jump-top"> <a target="_self" href="#">返回顶部</a> </div> </div> </div> </form> </body> </html> <script language="javascript" type="text/javascript"> $(function () { $("#personlist").addClass("loading"); LoadData("year"); //加载数据 $(".box-nav-s li").click(function () { $(this).siblings().removeClass('on').end().addClass('on'); LoadData($(this).attr("data-value")); //加载数据 }); }); //加载 function LoadData(sdate) { $("#personlist").html(""); $("#personlist").addClass("loading"); var strurl = '../rsp/DataSolve/personlist.aspx' + "?token=<%=token%>"; strurl += '&dateType=' + sdate; $("#personlist").load(strurl, function (data) { $("#personlist").removeClass("loading"); }); } var loginuser = "0"; loginuser = "0"; $(document).ready(function () { $(".top-login,.top-exit").click(function () { switch ($(this).attr("data-value")) { case "登录": $.layer({ type: 2, title: false, shadeClose: true, area: ['660px', '360px'], offset: ['130px', ''], iframe: { src: 'pc/account/login/win?ReturnUrl=' + location.href } }); break; case "退出": layer.confirm('确定要退出吗？', function () { location.href = 'rsp/site/logout'; }); break; } }); //导航样式选择 $("#nav-pm").addClass("nav-on"); }); /*返回顶部*/ function gotoTop(min_height) { //预定义返回顶部的html代码，它的css样式默认为不显示 var gotoTop_html = '<div id="gotoTop">返回顶部</div>'; //将返回顶部的html代码插入页面上id为page的元素的末尾 $("#page").append(gotoTop_html); $("#gotoTop").click(//定义返回顶部点击向上滚动的动画 function () { $('html,body').animate({ scrollTop: 0 }, 700); }).hover(//为返回顶部增加鼠标进入的反馈效果，用添加删除css类实现 function () { $(this).addClass("hover"); }, function () { $(this).removeClass("hover"); }); //获取页面的最小高度，无传入值则默认为600像素 min_height ? min_height = min_height : min_height = 600; //为窗口的scroll事件绑定处理函数 $(window).scroll(function () { //获取窗口的滚动条的垂直位置 var s = $(window).scrollTop(); //当窗口的滚动条的垂直位置大于页面的最小高度时，让返回顶部元素渐现，否则渐隐 if (s > min_height) { $("#gotoTop").fadeIn(100); } else { $("#gotoTop").fadeOut(200); }; }); }; gotoTop(); </script> ``` ``` using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace RepairSever.Rank { public partial class PersonEfficiency : System.Web.UI.Page { public string token; protected void Page_Load(object sender, EventArgs e) { string token = Comm.GetToken(this); if (String.IsNullOrEmpty(token)) { Comm.Alert(this, "检测不到贵校信息，请重新登录"); return; } // WorkerEfficiency worker =new t_bx_form_status().GetAllWorkerEffciencyByToken(string token); } } public class WorkerEfficiency { private string _workNo; private string _name; private string _cnt; private string _time; public String workNo { get { return _workNo; } set { _workNo = value; } } public String name { get { return _name; } set { _name = value; } } public String cnt { get { return _cnt; } set { _cnt = value; } } public string time { get { return _time; } set { _time = value; } } } } ```

怎么将面向过程的JS代码改写成面向对象的JS代码？

html代码 ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>购物车</title> <link rel="stylesheet" type="text/css" href="style/shopping.css"> <script type="text/javascript" src="style/jquery-3.3.1.js"></script> <script> $(function(){ $.ajax({ type: "GET", url: "./style/goods.json", dataType: "json", success:function(result){ add(result); } }); }) function add(result){ $.each(result.data, function(obj){ //console.log(result.data[obj].count); let str = '<tr>' + '<td><input type="checkbox" name="select"></td>' + '<td>' + result.data[obj].name + '</td>' + '<td>￥<strong>' + result.data[obj].price + '</strong></td>' + '<td>' + '<input type="button" value="-" name="sub" disabled="disabled">' + '<input type="text" name="inputNum" class="inputNum" value="1">' + '<input type="button" value="+" name="add">' + '</td>' + '<td><em name="em">￥' + result.data[obj].count + '</em></td>' + '<td><a name="delete" href="javascript:;">删除</a></td>' + '</tr>'; let row = $(str); //被选中的计算总和 let selectAll = document.getElementById("selectAll"); let $select = $(row).find("input[name='select']"); $("#goods").append(row); $select.click(function(){ selectAll.checked = true; countNum = 0; sum = 0; part(); if(!$select.checked){ selectAll.checked = false; } }); //console.log($select); }); } </script> <script type="text/javascript" src="style/shopping.js"></script> </head> <body> <table id="goods"> <tr> <th><input type="checkbox" id="selectAll">全选</th> <th>商品</th> <th>单价</th> <th>数量</th> <th>金额</th> <th>操作</th> </tr> </table> <br/><br/> <div class="sum"> 已选商品<em name="em">0</em>件，合计<em name="em">0.00</em>元。 </div> </body> </html> ``` js代码 ``` //获取单价，计算金额 function count(){ let strong = document.getElementsByTagName("strong"); let em = document.getElementsByTagName("em"); let inputNum = document.getElementsByName("inputNum"); let money = 0; for(let i = 0; i < strong.length; i++){ //console.log(strong[i].innerHTML); money = strong[i].innerHTML * inputNum[i].value; money = money.toFixed(2); em[i].innerHTML = "￥" + money; } } //计算总额 function part(){ let strong = document.getElementsByTagName("strong"); let em = document.getElementsByTagName("em"); let inputNum = document.getElementsByName("inputNum"); let select = document.getElementsByName("select"); let countNum = 0; let sum = 0; for(let i = 0; i < select.length; i++){ if(select[i].checked){ sum = sum + strong[i].innerHTML * inputNum[i].value; countNum = countNum + parseInt(inputNum[i].value); } } sum = sum.toFixed(2); em[em.length - 2].innerHTML = countNum; em[em.length - 1].innerHTML = sum; } //绑定响应函数，并解决兼容性问题 function bind(obj, eventStr, callback){ if(obj.addEventListener){ obj.addEventListener(eventStr, callback, false); }else{ obj.attachEvent("on" + eventStr, function(){ callback.call(obj); }); } } window.onload = function(){ //给“+”、“-”绑定事件 //事件委派 //let add = document.getElementsByName("add")[0]; let table = document.getElementsByTagName("table")[0]; bind(table, "click", function(event){ // console.log(event); //获取当前行 let tr = event.target.parentNode.parentNode; // console.log(tr.childNodes[3].childNodes[0]); let input = tr.childNodes[3].childNodes[1]; let subNum = tr.childNodes[3].childNodes[0]; // let a = tr.childNodes[5].childNodes[0]; // console.log(name); if(event.target.name === "add"){ input.value++; if(input.value > 1){ subNum.disabled = false; } count(); part(); }else if(event.target.name === "sub"){ input.value--; if(input.value == 1){ subNum.disabled = true; } count(); part(); }else if(event.target.name === "delete"){ //删除 let name = tr.getElementsByTagName("td")[1].innerHTML; let flag = confirm("确认删除" + name + "？"); if(flag){ tr.parentNode.removeChild(tr); } part(); } }); //全选操作 //console.log(selectAll.checked); let em = document.getElementsByTagName("em"); let selectAll = document.getElementById("selectAll"); let select = document.getElementsByName("select"); selectAll.onclick = function(){ for(let i = 0; i < select.length; i++){ select[i].checked = this.checked; } if(this.checked){ part(); }else{ em[em.length - 2].innerHTML = 0; em[em.length - 1].innerHTML = "0.00"; } }; }; ```

MUI.Ajax 调用WebService报错?实在找不到问题。

mui.ajax 调用 WEB Service 报错 ## Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:8848' is therefore not allowed access. The response had HTTP status code 500.  ``` function getData() { var result = ""; mui.ajax("http://mobile.china-crown.com:8088/Service.asmx/GetCustomerPageList", { data: { "PageIndex": "1", "SiteID": "28822" }, dataType: 'json', type: 'get', timeout:10000,//超时时间设置为10秒； headers: { 'Content-Type': 'application/json' }, success: function(data) { mui('#Custlist').pullRefresh().endPullupToRefresh(true); //下面这坨都是在拼dom 你可以用jquery 或者是你所熟悉的angular,vue双向绑定 var model = JSON.parse(data); $.each(model, function(i, value) { result += '<li class="mui-table-view-cell mui-media">' + '<a href="javascript:;">' + '<div class="mui-media-body">' + value.CustName + '</div>' + '</a>' + '</li>'; }) var element = document.getElementById("CustomerUlID"); element.innerHTML = result; }, error: function(xhr, type, errorThrown) { //异常处理； console.log(type); } }); } ``` ``` [WebMethod] //[ScriptMethod(ResponseFormat = ResponseFormat.Json)] public void GetCustomerPageList(int PageIndex, int SiteID) { string JsonStr = ""; try { int PageSize = ConfigurationManager.AppSettings["PageSize"].ObjectToInt32(); //总数量 int Count = this.GetCustomerListCount(SiteID); PageInfo PageResult = new PageInfo(PageIndex, PageSize, Count); if (!PageResult.IsBottom) { string con = SystemHelper.GetAccountSetConnect(); string Sqlcon = ConfigurationManager.ConnectionStrings[con].ConnectionString; SqlParameter[] para = { new SqlParameter("@SiteID", Convert.ToInt32(SiteID)), new SqlParameter("@BeginPage", Convert.ToInt32(PageResult.BeginPage)), new SqlParameter("@EndPage", Convert.ToInt32(PageResult.EndPage)) }; DataTable dt = SQLDBHelper.ExecuteQueryDt(Sqlcon, "up_Sel_CustomerList", CommandType.StoredProcedure, 0, para); JsonStr = JsonHelper.DataTableToJson(dt); Context.Response.Charset = "GB2312"; //设置字符集类型 Context.Response.ContentEncoding = System.Text.Encoding.GetEncoding("GB2312"); Context.Response.Write(JsonStr); Context.Response.End(); } } catch (Exception ex) { } //return JsonStr; } ```

130 个相见恨晚的超实用网站，一次性分享出来

相见恨晚的超实用网站 持续更新中。。。

终于明白阿里百度这样的大公司，为什么面试经常拿ThreadLocal考验求职者了

点击上面↑「爱开发」关注我们每晚10点，捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类，各个线程都拥有一份线程私...

win10系统安装教程（U盘PE+UEFI安装）

一、准备工作 u盘，电脑一台，win10原版镜像（msdn官网） 二、下载wepe工具箱 极力推荐微pe（微pe官方下载） 下载64位的win10 pe，使用工具箱制作启动U盘打开软件， 选择安装到U盘（按照操作无需更改） 三、重启进入pe系统 1、关机后，将U盘插入电脑 2、按下电源后，按住F12进入启动项选择（技嘉主板是F12） 选择需要启...

程序员必须掌握的核心算法有哪些？

由于我之前一直强调数据结构以及算法学习的重要性，所以就有一些读者经常问我，数据结构与算法应该要学习到哪个程度呢？，说实话，这个问题我不知道要怎么回答你，主要取决于你想学习到哪些程度，不过针对这个问题，我稍微总结一下我学过的算法知识点，以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的，并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构，当然，我也会整理一些看过...

大学四年自学走来，这些私藏的实用工具/学习网站我贡献出来了

大学四年，看课本是不可能一直看课本的了，对于学习，特别是自学，善于搜索网上的一些资源来辅助，还是非常有必要的，下面我就把这几年私藏的各种资源，网站贡献出来给你们。主要有：电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意：文中提到的所有资源，文末我都给你整理好了，你们只管拿去，如果觉得不错，转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...

C语言魔塔游戏

很早就很想写这个，今天终于写完了。 游戏截图： 编译环境: VS2017 游戏需要一些图片，如果有想要的或者对游戏有什么看法的可以加我的QQ 2985486630 讨论，如果暂时没有回应，可以在博客下方留言，到时候我会看到。 下面我来介绍一下游戏的主要功能和实现方式 首先是玩家的定义，使用结构体，这个名字是可以自己改变的 struct gamerole { char n...

java源码分析 Arrays.asList()与Collections.unmodifiableList()

ArrayList支持所有的可选操作（因为一个UnsupportedOperationException异常都没有捕获到），所以要想拥有完备的功能，还是得使用ArrayList啊。 Arrays$ArrayList除了set()操作外，都不支持。 Collections$UnmodifiableRandomAccessList都不支持，名副其实的Unmodifiable不可修改。

究竟你适不适合买Mac？

我清晰的记得，刚买的macbook pro回到家，开机后第一件事情，就是上了淘宝网，花了500元钱，找了一个上门维修电脑的师傅，上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷，只是想要个固态硬盘的笔记本，用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后，最终决定，还是买个好（xiong）看（da）的。 已经有好几个朋友问我mba怎么样了，所以今天尽量客观...

Python爬虫爬取淘宝，京东商品信息

小编是一个理科生，不善长说一些废话。简单介绍下原理然后直接上代码。 使用的工具（Python+pycharm2019.3+selenium+xpath+chromedriver）其中要使用pycharm也可以私聊我selenium是一个框架可以通过pip下载 pip installselenium -ihttps://pypi.tuna.tsinghua.edu.cn/simple/ ...

Java学习笔记（七十二）—— Cookie

概述 会话技术： 会话：一次会话中包含多次请求和响应 一次会话：浏览器第一次给服务器发送资源请求，会话建立，直到有一方断开为止 功能：在一次会话的范围内的多次请求间，共享数据 方式： 客户端会话技术：Cookie，把数据存储到客户端 服务器端会话技术：Session，把数据存储到服务器端 Cookie 概念：客户端会话技术，将数据存储到客户端 快速入门： 使用步骤： 创建C...

程序员写了一个新手都写不出的低级bug，被骂惨了。

这种新手都不会范的错，居然被一个工作好几年的小伙子写出来，差点被当场开除了。

Java工作4年来应聘要16K最后没要,细节如下。。。

前奏： 今天2B哥和大家分享一位前几天面试的一位应聘者，工作4年26岁，统招本科。 以下就是他的简历和面试情况。 基本情况： 专业技能： 1、&nbsp;熟悉Sping了解SpringMVC、SpringBoot、Mybatis等框架、了解SpringCloud微服务 2、&nbsp;熟悉常用项目管理工具：SVN、GIT、MAVEN、Jenkins 3、&nbsp;熟悉Nginx、tomca...

2020年，冯唐49岁：我给20、30岁IT职场年轻人的建议

点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID：jishulingdaoli) 前天的推文《冯唐：职场人35岁以后，方法论比经验重要》，收到了不少读者的反馈，觉得挺受启发。其实，冯唐写了不少关于职场方面的文章，都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...

程序员该看的几部电影

1、骇客帝国(1999) 概念：在线/离线，递归，循环，矩阵等 剧情简介： 不久的将来，网络黑客尼奥对这个看似正常的现实世界产生了怀疑。 他结识了黑客崔妮蒂，并见到了黑客组织的首领墨菲斯。 墨菲斯告诉他，现实世界其实是由一个名叫“母体”的计算机人工智能系统控制，人们就像他们饲养的动物，没有自由和思想，而尼奥就是能够拯救人类的救世主。 可是，救赎之路从来都不会一帆风顺，到底哪里才是真实的世界？如何...

蓝桥杯知识点汇总：基础知识和常用算法

此系列包含蓝桥杯所考察的绝大部分知识点，一共有==基础语法==，==常用API==，==基础算法和数据结构==，和==往年真题==四部分，虽然语言以JAVA为主，但算法部分是相通的，C++组的小伙伴也可以看哦。

作为一个程序员，CPU的这些硬核知识你必须会！

CPU对每个程序员来说，是个既熟悉又陌生的东西？ 如果你只知道CPU是中央处理器的话，那可能对你并没有什么用，那么作为程序员的我们，必须要搞懂的就是CPU这家伙是如何运行的，尤其要搞懂它里面的寄存器是怎么一回事，因为这将让你从底层明白程序的运行机制。 随我一起，来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说，我们首先就要搞明白它是怎么回事，也就是它的内部构造，当然，CPU那么牛的一个东...

破14亿，Python分析我国存在哪些人口危机！

一、背景 二、爬取数据 三、数据分析 1、总人口 2、男女人口比例 3、人口城镇化 4、人口增长率 5、人口老化（抚养比） 6、各省人口 7、世界人口 四、遇到的问题 遇到的问题 1、数据分页，需要获取从1949-2018年数据，观察到有近20年参数：LAST20，由此推测获取近70年的参数可设置为：LAST70 2、2019年数据没有放上去，可以手动添加上去 3、将数据进行 行列转换 4、列名...

实现简单的轮播图（单张图片、多张图片）

前言 刚学js没多久，这篇博客就当做记录了，以后还会完善的，希望大佬们多多指点。ps:下面出现的都是直接闪动，没有滑动效果的轮播图。 单张图片的替换 · ...

强烈推荐10本程序员在家读的书

很遗憾，这个春节注定是刻骨铭心的，新型冠状病毒让每个人的神经都是紧绷的。那些处在武汉的白衣天使们，尤其值得我们的尊敬。而我们这些窝在家里的程序员，能不外出就不外出，就是对社会做出的最大的贡献。 有些读者私下问我，窝了几天，有点颓丧，能否推荐几本书在家里看看。我花了一天的时间，挑选了 10 本我最喜欢的书，你可以挑选感兴趣的来读一读。读书不仅可以平复恐惧的压力，还可以对未来充满希望，毕竟苦难终将会...

Linux自学篇——linux命令英文全称及解释

man: Manual 意思是手册，可以用这个命令查询其他命令的用法。 pwd：Print working directory 意思是密码。 su：Swith user 切换用户，切换到root用户 cd：Change directory 切换目录 ls：List files 列出目录下的文件 ps：Process Status 进程状态 mkdir：Make directory ...

Python实战：抓肺炎疫情实时数据，画2019-nCoV疫情地图

今天，群里白垩老师问如何用python画武汉肺炎疫情地图。白垩老师是研究海洋生态与地球生物的学者，国家重点实验室成员，于不惑之年学习python，实为我等学习楷模。先前我并没有关注武汉肺炎的具体数据，也没有画过类似的数据分布图。于是就拿了两个小时，专门研究了一下，遂成此文。

智力题（程序员面试经典）

NO.1 　有20瓶药丸，其中19瓶装有1克/粒的药丸，余下一瓶装有1.1克/粒的药丸。给你一台称重精准的天平，怎么找出比较重的那瓶药丸？天平只能用一次。 解法 有时候，严格的限制条件有可能反倒是解题的线索。在这个问题中，限制条件是天平只能用一次。 因为天平只能用一次，我们也得以知道一个有趣的事实：一次必须同时称很多药丸，其实更准确地说，是必须从19瓶拿出药丸进行称重。否则，如果跳过两瓶或更多瓶药...

Java与Python学习通法（1）和（2）序言和编程语言发展史怎么学

dd

在家远程办公效率低？那你一定要收好这个「在家办公」神器！

相信大家都已经收到国务院延长春节假期的消息，接下来，在家远程办公可能将会持续一段时间。 但是问题来了。远程办公不是人在电脑前就当坐班了，相反，对于沟通效率，文件协作，以及信息安全都有着极高的要求。有着非常多的挑战，比如： 1在异地互相不见面的会议上，如何提高沟通效率？ 2文件之间的来往反馈如何做到及时性？如何保证信息安全？ 3如何规划安排每天工作，以及如何进行成果验收？ ...... ...

作为一个程序员，内存和磁盘的这些事情，你不得不知道啊！！！

截止目前，我已经分享了如下几篇文章： 一个程序在计算机中是如何运行的？超级干货！！！ 作为一个程序员，CPU的这些硬核知识你必须会！ 作为一个程序员，内存的这些硬核知识你必须懂！ 这些知识可以说是我们之前都不太重视的基础知识，可能大家在上大学的时候都学习过了，但是嘞，当时由于老师讲解的没那么有趣，又加上这些知识本身就比较枯燥，所以嘞，大家当初几乎等于没学。 再说啦，学习这些，也看不出来有什么用啊！...

阿里架构师花近十年时间整理出来的Java核心知识pdf（Java岗）

由于细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！ 整理了一份Java核心知识点。覆盖了JVM、锁、并发、Java反射、Spring原理、微服务、Zookeeper、数据库、数据结构等大量知识点。 欢迎大家加入java学习交流社区 点击加入 可获取文中文档 小编推荐： ...

Python基础知识点梳理

python常见知识点梳理 摘要： 本文主要介绍一些平时经常会用到的python基础知识点，用于加深印象。python的详细语法介绍可以查看官方编程手册，也有一些在线网站对python语法进行了比较全面的介绍，比如菜鸟教程： python3 教程|菜鸟教程 本文主要是介绍基础语法，操作实例在另一篇博客中单独介绍： python语言介绍 python是一门解释型语言，python的设计目标： 一门...

2020年2月全国程序员工资统计，平均工资13716元

趋势 2020年2月，中国大陆程序员平均工资13716员，比上个月增加。具体趋势如图： 各主要程序员城市工资变化 城市 北京，上海，深圳，杭州，广州四地的工资最高。 city 平均工资 最低工资 中位数 最高工资 招聘人数 百分比 北京 18098 3750 15000 45000 20529 9.53% 深圳 16903 5750 15000 37500 30941 1...

Java坑人面试题系列: 包装类（中级难度）

Java Magazine上面有一个专门坑人的面试题系列: https://blogs.oracle.com/javamagazine/quiz-2。 这些问题的设计宗旨，主要是测试面试者对Java语言的了解程度，而不是为了用弯弯绕绕的手段把面试者搞蒙。 如果你看过往期的问题，就会发现每一个都不简单。 这些试题模拟了认证考试中的一些难题。 而 “中级(intermediate)” 和 “高级(ad...

为什么说程序员做外包没前途？

之前做过不到3个月的外包，2020的第一天就被释放了，2019年还剩1天，我从外包公司离职了。我就谈谈我个人的看法吧。首先我们定义一下什么是有前途 稳定的工作环境 不错的收入 能够在项目中不断提升自己的技能（ps：非技术上的认知也算） 找下家的时候能找到一份工资更高的工作 如果你目前还年轻，但高不成低不就，只有外包offer，那请往下看。 外包公司你应该...

基于Python的人脸自动戴口罩系统

目录 1、项目背景 2、页面设计 3、器官识别 4、退出系统 1、项目背景 2019年新型冠状病毒感染的肺炎疫情发生以来，牵动人心，举国哀痛，口罩、酒精、消毒液奇货可居。 抢不到口罩，怎么办？作为技术人今天分享如何使用Python实现自动戴口罩系统，来安慰自己，系统效果如下所示： 本系统的实现原理是借助 Dlib模块的Landmark人脸68个关键点检测库轻松识别出人脸五官...

这个世界上人真的分三六九等，你信吗？

偶然间，在知乎上看到一个问题 一时间，勾起了我深深的回忆。 以前在厂里打过两次工，做过家教，干过辅导班，做过中介。零下几度的晚上，贴过广告，满脸、满手地长冻疮。 再回首那段岁月，虽然苦，但让我学会了坚持和忍耐。让我明白了，在这个世界上，无论环境多么的恶劣，只要心存希望，星星之火，亦可燎原。 下文是原回答，希望能对你能有所启发。 如果我说，这个世界上人真的分三六九等，...

Java基础知识点梳理

虽然已经在实际工作中经常与java打交道，但是一直没系统地对java这门语言进行梳理和总结，掌握的知识也比较零散。恰好利用这段时间重新认识下java，并对一些常见的语法和知识点做个总结与回顾，一方面为了加深印象，方便后面查阅，一方面为了掌握好Android打下基础。

jQuery实现高仿QQ音乐

几个实现的效果看视频吧： 动图很是不清楚 代码： html &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;music&lt;/title&gt; &lt;link href="../jquery.mCustomScrol...

《请停止无效的努力》读书笔记

一、如何快速找到你的天赋优势 1、人的价值定位 1.1、冰山模型 &nbsp; &nbsp; &nbsp; &nbsp; 你能创造多大的价值，离不开三大内在因素： 第一要素：知识和技能，位于冰山显露的部分，是非常显性，容易展示出来的； 第二要素：能力，比如：思考能力、人际交往能力等，需要通过仔细的行为观察才能看出，位于冰山的中间部分； 第三要素：天赋。包括潜在能力、性格特质、动机、价值观等 ...

2020年全新Java学习路线图，含配套视频，学完即为中级Java程序员！！

新的一年来临，突如其来的疫情打破了平静的生活！ 在家的你是否很无聊，如果无聊就来学习吧！ 世上只有一种投资只赚不赔，那就是学习！！！ 传智播客于2020年升级了Java学习线路图，硬核升级，免费放送！ 学完你就是中级程序员，能更快一步找到工作！ 一、Java基础 JavaSE基础是Java中级程序员的起点，是帮助你从小白到懂得编程的必经之路。 在Java基础板块中有6个子模块的学...

相关热词 c# 压缩图片好麻烦 c#计算数组中的平均值 c#获取路由参数 c#日期精确到分钟 c#自定义异常必须继承 c#查表并返回值 c# 动态 表达式树 c# 监控方法耗时 c# listbox c#chart显示滚动条