首页 > 语言 > JavaScript > 正文

15个jquery常用方法、小技巧分享

2024-05-06 14:47:30
字体:
来源:转载
供稿:网友

1.获取td的行标和列标
代码如下:
$(this).prop('cellIndex')

2.判断是否是回车按下
代码如下:
var myEvent = event || window.event; 
var key = myEvent.keyCode; 
if(key == 13){ 
   //此时为回车按下         
}

3.全选和反选
代码如下:
$("#selectall").click(function(){
    if($("input[name='id[]']").is(":checked")){
        $("input[name='id[]']").prop("checked",false);
    }else{
        $("input[name='id[]']").prop("checked",true);
    }
});

4.双击修改 enter保存  table中的td项双击事件
代码如下:
$("td").dblclick(function(){ 
    var tdIns = $(this);  
    var tdpar = $(this).parents("tr"); 
    tdpar.css("background-color","yellow"); 
    if (tdIns.children("input").length>0){ return false; }
    var inputIns = $("<input type='text'/>"); //需要插入的输入框代码  
    var text = $(this).html();  
    inputIns.width(tdIns.width()); //设置input与td宽度一致  
    inputIns.val(tdIns.html()); //将本来单元格td内容copy到插入的文本框input中  
    tdIns.html(""); //删除原来单元格td内容  
    inputIns.appendTo(tdIns).focus().select(); //将需要插入的输入框代码插入dom节点中  
    inputIns.click(function(){return false;}); 
    inputIns.keyup(function(event){ 
    //1.判断是否回车按下  
    //结局不同浏览器获取时间的差异  
    var myEvent = event || window.event; 
        var key = myEvent.keyCode; 
        if(key == 13){ 
            var inputNode = $(this); 
            //1.保存当前文本框的内容
            var inputText = inputNode.val(); 
            //2.清空td里面的内容  
            inputNode.parent().html(inputText);         
        } 
    }); 
    //处理Enter和Esc事件  

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选