jquery常用方法-创新互联

获取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 = $(""); //需要插入的输入框代码   
	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));
    }, "只能输入字母数字和下划线");

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

文章标题：jquery常用方法-创新互联
文章转载：http://hbruida.cn/article/cspdij.html

jquery常用方法-创新互联

其他资讯