网站美工培训课程,免费看行情的软件大全下载,怎么查看网页的html代码,上海企业服务公司最近呢#xff01;一直在学习jQuery语法#xff0c;也没时间发布文章#xff0c;现在学的差不多了#xff0c;先跟大家分享下学习感受吧#xff01;JavaScript学过后#xff0c;再学习jQuery语法#xff0c;应该是简单的#xff0c;但我总是容易把它们搞混#xff0c;…最近呢一直在学习jQuery语法也没时间发布文章现在学的差不多了先跟大家分享下学习感受吧JavaScript学过后再学习jQuery语法应该是简单的但我总是容易把它们搞混学起来很是难受现在基本上能分清了jQuery是基于JavaScript写的一个包超级好用能节省大量的代码写起来的效率超级高所以想学好JavaScript的人最好再进阶下学习下jQuery语法学好后会有质的提升。 下面我就让大家看看现在用jQuery语法写写选择和保护信息有多简单吧 html
headtitleTitle/titlescript srcjs/My97DatePicker/WdatePicker.js/scriptscript srcjs/jquery-3.2.1.js/script
/head
body
centerform actionApplyServlet?msearchApply methodpost申请人:input typetext namename value${name}input typesubmit value搜索/table border1 cellspacing0theadtrtd/tdtd编号/tdtd名称/tdtd身份证号/tdtd手机号/tdtd报销金额/tdtd申请报销时间/tdtd申请状态/tdtd备注/tdtd报销类别/tdtd操作/td/tr/theadtbodyc:forEach items${applyList} varastr classttdinput typecheckbox classck value${as.aid}//tdtd${as.aid}/tdtd${as.name}/tdtd classidcard${as.idcrad}/tdtd classphone${as.tel}/tdtd classbx${as.amount}/tdtd${as.aoolydate}/tdtdc:if test${as.status1}待审核/c:ifc:if test${as.status2}通过/c:ifc:if test${as.status3}驳回/c:if/tdtd${as.detail}/tdtd${as.cname}/tdtdc:if test${as.status1}input typebutton value通过 οnclicktest1(${as.aid})/input typebutton value驳回 οnclicktest2(${as.aid})//c:if/td/tr/c:forEach/tbody${pageHelper.html}/table/forminput typebutton value全选 οnclickqx()/input typebutton value全不选 οnclickqbx()/input typebutton value反选 οnclickfx()/input typebutton value排序 οnclickpxx()a hrefapply_add.jspinput typebutton value添加/abrinput typebutton value日志信息 οnclicktest3()/script//全选、全不选、反选function qx(){$(.ck).prop(checked,true);}function qbx(){$(.ck).prop(checked,false);}function fx(){$(.ck).each(function (){this.checked!this.checked;})}$(.idcard).each(function (){let idcard$(this).text();let idcard2idcard.substring(0,6)########idcard.substring(14);$(this).text(idcard2);})$(.phone).each(function (){let phone1$(this).text();let phone2phone1.substring(0,4)####phone1.substring(8);$(this).text(phone2);}) /script 因为我通过sql语法把mysql里的数据直接输出到页面上没有展示全大家可以直接把内容写固定来进行练习。我给大家看看页面效果 看绿色的代码通过$(.ck)这个叫做class类选择器可以获取到所有的复选框由于有些人可能现在只学习前端可以写成
$(.ck).each(function (){this.checkedtrue;
})
进行练习each是jQuery的一种语法是一种循环语句上面的是全选如果想全不选将true换成false就可以啦反选就是上面代码的写法。
$(.idcard).each(function (){
let idcard$(this).text();
let idcard2idcard.substring(0,6)########idcard.substring(14);
$(this).text(idcard2);
})
看下蓝色的代码也是通过class类选择器通过each方法来对数据进行操作this代表当前每次循环都会用到thistext是获取文本的数据通过$(this).text()的组合就能获取到所有的身份证号码数据下面的就是js语句了用到了substringjs里数据是从0开始的然后substring是左闭右开所以想取前6为数据就是06从第15位开始到最后就直接写成substring(14)就可以啦最后再循环语句里注意一定是循环语句里因为是多条数据必须再循环语句里一条一条的进行赋值。
手机号部分隐藏跟身份证号码隐藏同理如果大家省份证号隐藏确定学会了可以自己上手练一下
练后感受下相较于js语法jQuery语法的好处吧
