2017年3月25日工作日志:Jquery使用小结[绑定事件判断、select标签、军官证正则]
jQuery获取DOM绑定事件
在1.8.0版本之前,我们要想获取某个DOM绑定的事件处理程序可以这样:
$.data(domObj,'events');//或者$('selector').data('events')而从1.8.0版本开始,jQuery突然不支持这样使用了,而是改到了一个叫'_data'的函数功能上了,即1.8.0及以后的版本你可以这么用:
$._data(domObj,'events');要想写出兼容兼容各个jQuery版本的方式,这样获取即可:
var eventsData = $.data(domObj,'events') || $._data(domObj,'events');实际应用场景:给新增DOM添加事件,全局选择器选取对象后新增事件,但是已经新增过该事件的对象,不能继续添加,否则影响对象事件的正常响应。所以要判断对象是否绑定该事件,具体代码如下:
var inputs = $('input[name="mobile"]'); inputs.each(function(i, ob) { var e = $._data(ob,'events'); if(e && e['blur']){ }else{ $(ob).blur(function(event) { _buyInsurance_new.changePhoneClass(this); }); } });
select标签操作
Jquery设置select标签option选中项
$('#sex1').find("option[value='1']").attr('selected', true);Jquery获取选择option的text
$(".selector").find("option:selected").text();
JQuery对象与DOM对象
1.JQuery对象
JQuery对象就是使用“$(“DOMObj”)”,将DOM对象包装起来。一般在JQuery对象前面加上“$”这样与DMO对象区分,它已经是一种公认的命名约定。JQuery对象不能调用DOM对象的属性和方法,同样DOM对象也不能调用JQuery对象的属性和方法。
2.JQuery对象转成DOM对象
如果想使用JQuery对象调用DOM对象的方法,怎么办?应该将JQuery对象转换成DOM对象,JQuery对象是一个数组对象,这个很特别。所以只需调用JQueryObj[x]或JQueryObj.get(X);即可转换为DOM对象。
3.DOM对象转换成JQuery对象
使用“$(“DOMObj”)”将DOM对象包装起来就可以了。
军官证正则表达式
var reg = /^南字第(\d{8})号|北字第(\d{8})号|沈字第(\d{8})号|兰字第(\d{8})号|成字第(\d{8})号|济字第(\d{8})号|广字第(\d{8})号|海字第(\d{8})号|空字第(\d{8})号|参字第(\d{8})号|政字第(\d{8})号|后字第(\d{8})号|装字第(\d{8})号$/;