jquery常用总结
1.$().keyup根据用户输入和后台modelMap的传值,动态增删表格和时间插件。动态获取键盘输入,大于${configSize}时,增加时间控件。小于时,删去已增控件。清空时,删除所有时间控件,从时间0开始重新递增。并获取用户选择的时间,ajax异步提交。若未选,$().html动态提示。
$('#times').keyup(function(){
vartimes=$(this).val();
varsize=${configSize};
$(".time_element").remove();
$(".trr").remove();
$(".labo").remove();
if($('input').val()=="0"){
size=0;
$('input').val("100");
}
if(times>size){
for(vari=size+1;i<=times;i++){
$("#tab").append("<trclass='trr'><td><labelclass='labo'>时间"+i+"</label></td>"
+"<td><inputclass='time_element'/></td></tr>");
}
$(".time_element").timepicki();
}
}
);
$("#111").click(function(){
vartimes=$('#times').val();
vari=0;
vara="";
varc=1;
if(times!=null){
$(".time_element").each(function(){
i++;
if($(this).val()=="")
c=2;
else
a+="&"+i+"="+$(this).val();
});
$(".time_elem").each(function(){
i++;
if($(this).val()=="")
c=2;
else
a+="&"+i+"="+$(this).val();
});}
});
2.jQuery中html(),text(),val()区别
html():取得第一个匹配元素的html内容。html(val):设置每一个匹配元素的html内容。
text():取得所有匹配元素的内容。text(val):设置所有匹配元素的文本内容。
val():获得第一个匹配元素的当前值。val(val):设置每一个匹配元素的值。
3.如何清空$().html(“”)中的内容
$('#mess1').html("请输入正确的时间范围");
$('#mess1').empty();
4.jquery比较2个输入时间的大小,若起始时间小于结束时间alert
varendTime=$(this).val();
varstartTime=$('#time1').val();
varstart=newDate(startTime.replace("-","/").replace("-","/"));
varend=newDate(endTime.replace("-","/").replace("-","/"));
if(end<start){
alert(“”);
}
5.jQuery移除指定html控件、input输入清空
$('input').val("");
$(".time_element").remove();
6.在<tr>已有onclick跳转的情况下,td中<ahref>的confirm判断。点击取消也不会跳转到tr的链接。
<aclass="btn"href="javascript:if(confirm('冻结后该用户将无法发起任何产品购买,确定要冻结?'))
window.location='${ctx}/custmanagement/customer/${m.id}/de'">冻结</a>
7.$("#id”)、$(“.class”)、$(‘div’)
8.$("#tab").append();在被选元素的结尾插入内容,常用插入表格、input等html