欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript小技巧整理

 更新時(shí)間:2015年12月30日 10:32:02   作者:nd  
這篇文章主要介紹了JavaScript小技巧,整理匯總了JavaScript常用的6個(gè)實(shí)用技巧,屬于JavaScript邊角技巧的總結(jié),需要的朋友可以參考下

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

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

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

//選擇時(shí)間
$("#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:"請(qǐng)選擇到期時(shí)間",minDate:new Date()}); 
});

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

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

3.獲取多個(gè)checkbox中被選中的那個(gè)的值,代碼如下

<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'); //如果這貨不管用請(qǐng)用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提交過(guò)程中顯示進(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請(qǐng)求失敗
});

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

相關(guān)文章

  • JS Array.slice 截取數(shù)組的實(shí)現(xiàn)方法

    JS Array.slice 截取數(shù)組的實(shí)現(xiàn)方法

    這篇文章主要介紹了JS Array.slice 截取數(shù)組的實(shí)現(xiàn)方法,因?yàn)槲覀冃枰刂埔幌麻L(zhǎng)度,需要的朋友可以參考下
    2016-01-01
  • JavaScript鍵盤(pán)事件常見(jiàn)用法實(shí)例分析

    JavaScript鍵盤(pán)事件常見(jiàn)用法實(shí)例分析

    這篇文章主要介紹了JavaScript鍵盤(pán)事件常見(jiàn)用法,簡(jiǎn)單描述了javascript鍵盤(pán)事件的分類、功能,并結(jié)合實(shí)例形式給出了javascript響應(yīng)鍵盤(pán)事件相關(guān)使用技巧,需要的朋友可以參考下
    2019-01-01
  • 基于JS快速實(shí)現(xiàn)導(dǎo)航下拉菜單動(dòng)畫(huà)效果附源碼下載

    基于JS快速實(shí)現(xiàn)導(dǎo)航下拉菜單動(dòng)畫(huà)效果附源碼下載

    這是一個(gè)帶變形動(dòng)畫(huà)特效的下拉導(dǎo)航菜單特效。該導(dǎo)航菜單在菜單項(xiàng)之間切換時(shí),下拉菜單會(huì)快速的根據(jù)菜單內(nèi)容的大小來(lái)動(dòng)態(tài)變形,顯示合適的下拉菜單大小,效果非常棒,對(duì)導(dǎo)航下拉菜單效果感興趣的朋友一起通過(guò)本文學(xué)習(xí)吧
    2016-10-10
  • JavaScript數(shù)組reduce()方法使用實(shí)例詳解

    JavaScript數(shù)組reduce()方法使用實(shí)例詳解

    reduce是數(shù)組原型對(duì)象上的一個(gè)方法,可以幫助我們操作數(shù)組。本文將和大家分享4個(gè)關(guān)于JavaScript中數(shù)組reduce的用法,希望對(duì)大家有所幫助
    2022-07-07
  • 詳解關(guān)閉令人抓狂的ESlint 語(yǔ)法檢測(cè)配置方法

    詳解關(guān)閉令人抓狂的ESlint 語(yǔ)法檢測(cè)配置方法

    這篇文章主要介紹了詳解關(guān)閉令人抓狂的ESlint 語(yǔ)法檢測(cè)配置方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-10-10
  • DB.ASP 用Javascript寫(xiě)ASP很靈活很好用很easy

    DB.ASP 用Javascript寫(xiě)ASP很靈活很好用很easy

    DB.ASP 用Javascript寫(xiě)ASP很靈活很好用很easy,喜歡用js寫(xiě)asp的朋友可以參考下。
    2011-07-07
  • JavaScript實(shí)現(xiàn)文件的拖拽上傳功能

    JavaScript實(shí)現(xiàn)文件的拖拽上傳功能

    文件上傳,可以說(shuō)是我們?cè)陧?xiàng)目中最常用的功能之一,文件上傳一般有兩種形式:點(diǎn)擊上傳和拖拽上傳,而上傳的內(nèi)容,又大體包括:文件和文件夾,本文給大家介紹了JavaScript實(shí)現(xiàn)文件的拖拽上傳功能的方法,需要的朋友可以參考下
    2024-02-02
  • JavaScript中數(shù)組flat方法的使用與實(shí)現(xiàn)方法

    JavaScript中數(shù)組flat方法的使用與實(shí)現(xiàn)方法

    在Array的顯示原型下有一個(gè)flat方法,可以將多維數(shù)組,降維,傳的參數(shù)是多少就降多少維,下面這篇文章主要給大家介紹了關(guān)于JavaScript中數(shù)組flat方法的使用與實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下
    2022-08-08
  • 用JavaScript實(shí)現(xiàn)簡(jiǎn)單網(wǎng)頁(yè)時(shí)鐘

    用JavaScript實(shí)現(xiàn)簡(jiǎn)單網(wǎng)頁(yè)時(shí)鐘

    這篇文章主要為大家詳細(xì)介紹了用JavaScript實(shí)現(xiàn)簡(jiǎn)單網(wǎng)頁(yè)時(shí)鐘,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-08-08
  • javascript中導(dǎo)出與導(dǎo)入實(shí)現(xiàn)模塊化管理教程

    javascript中導(dǎo)出與導(dǎo)入實(shí)現(xiàn)模塊化管理教程

    這篇文章主要給大家介紹了關(guān)于javascript中導(dǎo)出與導(dǎo)入實(shí)現(xiàn)模塊化管理的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-12-12

最新評(píng)論