您好,登錄后才能下訂單哦!
獲取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)); }, "只能輸入字母數字和下劃線");
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。