jquery常用总结

1. $().keyup根据用户输入和后台modelMap的传值,动态增删表格和时间插件。动态获取键盘输入,大于${configSize}时,增加时间控件。小于时,删去已增控件。清空时,删除所有时间控件,从时间0开始重新递增。并获取用户选择的时间,ajax异步提交。若未选,$().html动态提示。
$('#times').keyup(function(){
var times = $(this).val();
var size=${configSize};
$(".time_element").remove();
$(".trr").remove();
$(".labo").remove();
if($('input').val()=="0"){
size=0;
$('input').val("100");
}
if(times>size){
            for(var i=size+1;i<=times;i++){
            $("#tab").append("<tr class='trr'> <td><label class='labo'>时间"+i+"</label></td>"
                            +"<td><input  class='time_element'/></td></tr>");
           
            }
            $(".time_element").timepicki();
}
           }
);
$("#111").click(function() {
var times=$('#times').val();

      var i=0;
      var a="";
      var c=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
var endTime = $(this).val();
            var startTime=$('#time1').val();
            var start=new Date(startTime.replace("-", "/").replace("-", "/"));
            var end=new Date(endTime.replace("-", "/").replace("-", "/"));
                if(end<start){
                alert(“”);
                }
5. jQuery移除指定html控件、input输入清空
$('input').val("");
$(".time_element").remove();
6. 在<tr>已有onclick跳转的情况下,td中<a href>的confirm判断。点击取消也不会跳转到tr的链接。
<a class="btn" href="javascript:if(confirm('冻结后该用户将无法发起任何产品购买,确定要冻结?'))
                window.location='${ctx}/custmanagement/customer/${m.id}/de'"> 冻结 </a>

7.  $("#id”) 、$(“.class”) 、$(‘div’)
8.  $("#tab").append();在被选元素的结尾插入内容,常用插入表格、input等html

你可能感兴趣的:(JavaScript,html,jquery,Ajax)