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

相关推荐