2015年12月10日 星期四
jquery 升級須注意寫法
* 升級須注意寫法:
(1) [@name=fruit] & [name=fruit]
1.2.6
$("input[@name=fruit][@value=banana]").attr('checked',true);
1.11.3
$("input[name=fruit][value=banana]").attr('checked',true);
(2) attr & prop
1.2.6
if($("input[@name=fruit][@value=banana]").attr('checked')) {
alert("已選取");
} else {
alert("尚未選取");
}
1.11.3
if($("input[name=fruit][value=banana]").prop('checked')) {
alert("已選取");
} else {
alert("尚未選取");
}
(3) 利用 $('input[@type=checkbox][@checked]').length 來判斷是否有checkbox被勾選
1.2.6
if($('input[@type=checkbox][@checked]').length != 0 ) {
alert("已勾選");
} else {
alert("至少勾選一種類別");
}
1.11.3
無法使用1.2.6的 [@checked] 方式判斷,可以改成 :checked 判斷
if($('input[type=checkbox]:checked').length != 0 ) {
alert("已勾選");
} else {
alert("至少勾選一種類別");
}
(4) .trigger()事件時的Checkbox/Radio checked狀態,
當使用.trigger("click")或.click()觸發Checkbox及Radio時,
在事件中會看到與實際checked屬性相反的狀態,1.9版之後修正
1.2.6
$('input[@name=triggerBtn]').bind('click',function(){
$("input[@name=fruit][@value=apple]").trigger("click");
});
$("input[@name=fruit][@value=apple]").bind('click',function(){
alert(this.checked);//false
});
1.11.3
$('input[name=triggerBtn]').bind('click',function(){
$("input[name=fruit][value=apple]").trigger("click");
});
$("input[name=fruit][value=apple]").bind('click',function(){
alert(this.checked);//true
});
==================================================================
jquery-1.11.3.min.js 不能用下列寫法,會出現不支援此屬性或方法 , 但 v1.4 的確可以
$('select[name=statusFlag] > option[value=]').attr('selected',true) ;
需改成
$('select[name=statusFlag] > option[value=""]').attr('selected',true) ;
所以寫
$('select[name=seizedOrg] > option[value=<%=seizedOrg%>] ').attr('selected',true) ;
要注意,要加""
$('select[name=seizedOrg] > option[value="<%=seizedOrg%>"] ').attr('selected',true) ;
訂閱:
文章 (Atom)