您的位置:首页 > Web前端 > JQuery

2017年3月25日工作日志:Jquery使用小结[绑定事件判断、select标签、军官证正则]

2017-03-25 13:29 531 查看

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})号$/;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐