快捷導(dǎo)航

JavaScript小技巧整理

更新時間：2015年12月30日 10:32:02 作者：nd

這篇文章主要介紹了JavaScript小技巧,整理匯總了JavaScript常用的6個實用技巧,屬于JavaScript邊角技巧的總結(jié),需要的朋友可以參考下

本文整理總結(jié)了JavaScript的小技巧。分享給大家供大家參考，具體如下：

1.組織默認(rèn)事件

阻止默認(rèn)事件，h5默認(rèn)的input type='date'在某些瀏覽器和android設(shè)備上沒有效果，這時要調(diào)用h5+的時間選擇器，但是要組織input默認(rèn)的click事件，代碼如下：

//選擇時間
$("#end_time").on("click",function(event){
  event.preventDefault();
  plus.nativeUI.pickDate( function(e){
   var d = e.date;
//   console.log(d.Format('yyyy-MM-dd'));
   $("#end_time").val(d.Format('yyyy-MM-dd'));
  },function(e){
   console.log( "未選擇日期："+e.message );
  },{title:"請選擇到期時間",minDate:new Date()}); 
});

2.判斷input type='checkbox' 是否被選中，代碼如下

if (!$("#shopregister #checkaggree").is(":checked")) {
  alert("請同意注冊協(xié)議");
  return false;
}

3.獲取多個checkbox中被選中的那個的值，代碼如下

<input name='is_refund' id='refund_1' type='radio' value='1' />
<input name='is_refund' id='refund_0' checked='checked' type='radio' value='0' />
$("#shopregister input[name='is_refund']:checked").val();

4.設(shè)置checkbox選中

復(fù)制代碼代碼如下:

$("[name='checkbox']:even").attr("checked",'true'); //如果這貨不管用請用prop

5.獲取多張圖片中title屬性的值

user.id_pic1 = $($("#shopregister .id_pic")[0]).attr("title");
user.id_pic2 = $($("#shopregister .id_pic")[1]).attr("title");
user.id_pic3 = $($("#shopregister .id_pic")[2]).attr("title");

6.ajax提交過程中顯示進(jìn)度圖片

$.ajax({
  type: 'POST',
  url: configManager.RequstUrl + "/api/user/createstore",
  data: postdata,
  beforeSend:function(){ $("#waitingupload").removeClass("heisebghid").addClass("heisebg");}
}).done(function (data) {
  $("#waitingupload").removeClass("heisebg").addClass("heisebghid");
  if ("success" == data.state) {
   //服務(wù)端成功
  }
  else {
   //服務(wù)端失敗
  }
}).fail(function () {
  //ajax請求失敗
});

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

uniapp項目打包為桌面應(yīng)用的方法步驟
本文主要介紹了uniapp項目打包為桌面應(yīng)用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2021-08-08
讓FireFox支持innerText的實現(xiàn)代碼
DHTML非標(biāo)準(zhǔn)屬性innerText在FireFox中的使用
2009-12-12
動態(tài)生成的IFRAME，設(shè)置SRC時的，不同位置帶來的影響
動態(tài)生成的IFRAME，設(shè)置SRC時的，不同位置帶來的影響。以下所說的是在IE7下運(yùn)行的。IE6下也是同樣。在這個blog中，直接點(diǎn)擊運(yùn)行代碼，和把下面代碼保存到為網(wǎng)頁在運(yùn)行（以本地文件或域名訪問），效果不一樣。
2008-03-03
Canvas + JavaScript 制作圖片粒子效果
本文將詳細(xì)介紹Canvas + JavaScript 制作圖片粒子效果的方法。具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02
不錯的Javascript表格翻頁效果
不錯的Javascript表格翻頁效果...
2007-08-08
基于Web標(biāo)準(zhǔn)的UI組件 — 樹狀菜單(2)
基于Web標(biāo)準(zhǔn)的UI組件 — 樹狀菜單(2)...
2006-09-09
JS中var let聲明范圍區(qū)別詳解
這篇文章主要為大家介紹了JS中var let聲明范圍區(qū)別示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-07-07
JS對日期操作封裝代碼實例
這篇文章主要介紹了JS對日期操作封裝代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2019-11-11
JavaScript獲取并更改input標(biāo)簽name屬性的方法
這篇文章主要介紹了JavaScript獲取并更改input標(biāo)簽name屬性的方法,涉及javascript針對表單元素屬性的相關(guān)操作技巧,需要的朋友可以參考下
2015-07-07
表單input項使用label同時引用Bootstrap庫導(dǎo)致input點(diǎn)擊效果區(qū)增大問題
這篇文章主要介紹了表單input項使用label，同時引用Bootstrap庫，導(dǎo)致input點(diǎn)擊效果區(qū)增大問題的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-10-10