js經常使用代碼

1. 動態加載數據綁定事件(ios沒反應，須要另外添加一個空事件onclick="")

$(document).on('click', '#list li', function() {
    //function code here.
});


2.遍歷含有某個class的內容
$.each($(".itemlist .itemcheked span"), function(index, item) {
    choseCateId += $(item).text() + ",";
});

3.清空
document.getElementById("section3").innerHTML = "";

4.顯示
document.getElementById("emptyCart").style.display="block";

5.爲select賦值
//index爲索引
$("#ddlRegType").get(0).selectedIndex = index;

6.文本框只能輸入數字和小數點
onkeyup="this.value=this.value.replace(/[^0-9.]/g,'')"

 

JS控制只能輸入數字而且最多容許小數點兩位

function clearNoNum(obj) {
　　obj.value = obj.value.replace(/[^\d.]/g, ""); //清除「數字」和「.」之外的字符
　　obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一個. 清除多餘的
　　obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
　　obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');//只能輸入兩個小數
　　if (obj.value.indexOf(".") < 0 && obj.value != "") {//以上已通過濾，此處控制的是若是沒有小數點，首位不能爲相似於 0一、02的金額
　　　　obj.value = parseFloat(obj.value);
　　}
}

onkeyup="clearNoNum(this)"

7.刷新
location.reload();

8.img錯誤
onerror="this.src=\'../../images/goods-default.png\'"

9.js正序倒序取數據
//正序
for (var item in model) {
    html += '<li>';
    html += '<p>' + model[item].AjpushDate + '</p>';
    html += '</li>';
}
//倒序
for (var i = model.length - 1; i >= 0; i--) {
    html += '<li>';
    html += '<p>' + model[i].AjpushDate + '</p>';
    html += '</li>';
}

10.全選封裝

function checkAll(ele1, ele2) {
　　$(ele1).parents(ele2).find("input:checkbox").prop("checked", ele1.checked);
}

11.取數組最小最大值

/**
 * 獲取數組中最小值
 */
function getMinVal(arr){
    var min = arr[0];
    var len = arr.length;
    for (var i = 1; i < len; i++){
        if (arr[i] < min){
            min = arr[i];
        }
    }
    return min;
}

/**
 * 獲取數組中最大值
 */
function getMaxVal(arr){
    var max = arr[0];
    var len = arr.length;
    for (var i = 1; i < len; i++){
        if (arr[i] > max){
            max = arr[i];
        }
    }
    return min;
}

12.獲取json數據的length

function getJsonLength(jsonData){
    var jsonLength = 0;
    for(var item in jsonData){
        jsonLength++;
    }
    return jsonLength;
}

13.移動端分頁
var page = 2;
$(window).scroll(function () {
　　if ($(window).scrollTop() == $(document).height() - $(window).height()) {
　　　　getNearSeller(page, initPageSize)
　　　　page++;
　　}
});

14.input及時監聽

$('body').on('input propertychange', '.aaa', function () {
　　$(this).val($(this).val().replace(/[^0-9]/g, ''));
})

15.返回頁面頂部

$('.footer .top').click(function() { //根據a標籤的href轉換爲id選擇器，獲取id元素所處的位置，並高度減50px（這裏根據須要自由設置）

　　//$('html,body').animate({scrollTop: ($($(this).attr('href')).offset().top -50 )},1000); }); //返回到指定位置 　　//$('html,body').animate({scrollTop:0},500);// 返回頂部 });