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事件
inputIns.blur(function(){
var inputText = $(this).val();
tdIns.html(inputText);
tdpar.css("background-color","white");
tdIns.html(text);
});
});
5.父級元素$(this).parent();
6.指定元素的下一個同級元素$(this).next();
7.指定元素的所有同級元素$(this).nextAll();
8.指定元素和所有的同級元素$(this).andSelf();
9.prev():獲取指定元素的上一個同級元素(是上一個哦)。
10.prevAll():獲取指定元素的前邊所有的同級元素。
11.獲取子元素
方式一:>
代碼如下:var aNods = $("ul > a");//查找ul下的所有a標簽
方式二:children()
方式三:find()
注意:
1> children及find方法都用是用來獲得element的子elements的,兩者都不會返回 text node,就像大多數的jQuery方法一樣。
2> children方法獲得的僅僅是元素一下級的子元素,即:immediate children。
3> find方法獲得所有下級元素,即:descendants of these elements in the DOM tree
4> children方法的參數selector 是可選的(optionally),用來過濾子元素,但find方法的參數selector方法是必選的。
5> find方法事實上可以通過使用 jQuery( selector, context )來實現。即$('li.item-ii').find('li')等同於$('li', 'li.item-ii').
12.獲取第一個元素:
代碼如下:
$("#getfirst").find("ul li:first-child")
$("#getfirst").find("ul li").get(0)
$("#getfirst").find("ul li").first()
13.datepicker常用的日期選擇插件datepicker
代碼如下:
$("#waybill_eta1").datepicker({dateFormat: 'yy-mm-dd'});
14.日期和時間同時選擇的插件datetimepicker
代碼如下:
$('#declare_time').datetimepicker({
dateFormat: 'yy-mm-dd',
timeFormat: 'hh:mm',
});
15.validate正則添加驗證方法
代碼如下:
$.validator.addMethod("isCode", function(value, element) {
var reg = /^[^\u4e00-\u9fa5]{1,}$/;
return this.optional(element) || (reg.test(value));
}, "只能輸入字母數字和下劃線");