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

24 篇文章 0 订阅

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})号$/;


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: jQuery 中可以使用 `.change()` 方法来为 select 元素绑定切换事件。 例如: ``` $('#mySelect').change(function() { console.log('选项已改变!'); }); ``` 也可以使用 `.on('change', function)` 的形式来绑定事件: ``` $('#mySelect').on('change', function() { console.log('选项已改变!'); }); ``` ### 回答2: 为了给 select 标签绑定切换事件,我们可以使用 jQuery事件绑定方法来实现。 首先,我们需要通过选择器获取到要绑定切换事件select 元素,这可以通过标签名或者类名来完成。 接着,我们可以使用 jQuery 的 on 方法来绑定事件。on 方法允许我们指定事件类型和要执行的函数。 在这种情况下,我们要绑定事件是切换事件,即 select 元素的值发生改变时触发的事件。 假设我们有一个 id 为 selectElement 的 select 元素,我们可以使用以下代码来绑定切换事件: ``` $("#selectElement").on("change", function() { // 在这里执行需要的操作 }); ``` 在上面的代码中,我们使用了选择器 `#selectElement` 来获取到要绑定事件select 元素。 然后,我们使用 `on("change", function() { ... })`,来指定了切换事件和要执行的函数。 在函数体内,我们可以编写对 select 元素切换事件的响应代码。 例如,我们可以获取当前选中的选项的值,并将其打印到控制台上: ``` $("#selectElement").on("change", function() { var selectedOption = $(this).val(); console.log("当前选中的选项值为:" + selectedOption); }); ``` 通过这样的方式,我们通过 jQueryselect 标签绑定了切换事件,并且可以对切换事件进行相应的处理。 ### 回答3: 要给select标签绑定切换事件,我们可以使用jQuery的on()方法来实现。首先,确保在代码中引入了jQuery库。 我们可以通过在select标签上添加一个id或者class来选择该标签。然后使用jQuery的选择器来选中该标签,接着使用on()方法为该标签绑定change事件。 下面是一个示例代码: HTML代码: <select id="mySelect"> <option value="option1">选项1</option> <option value="option2">选项2</option> <option value="option3">选项3</option> </select> JavaScript/jQuery代码: $(document).ready(function(){ $("#mySelect").on("change", function(){ var selectedOption = $(this).val(); // 获取选中的值 console.log("选中的值是:" + selectedOption); // 执行其他操作 }); }); 在上述代码中,我们使用了$(document).ready()方法来确保页面加载完成后再执行jQuery代码。然后,使用$("#mySelect")选择器选中了id为mySelectselect标签,并使用on()方法为其绑定了change事件。当选项切换时,change事件会触发。 在change事件处理程序内部,我们使用$(this).val()方法获取了选择的值,并可以进一步执行其他操作。 这是一个简单的示例,你可以根据自己的需求进行修改和扩展。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值