js常用代码

动态加载数据绑定事件(ios没反应,需要另外添加一个空事件onclick="")

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

遍历含有某个class的内容

 $.each($(".itemlist .itemcheked span"), function(index, item) {
     choseCateId += $(item).text() + ",";
 });

清空

document.getElementById("section3").innerHTML = "";

显示

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

为select赋值

//index为索引
$("#ddlRegType").get(0).selectedIndex = index;

文本框只能输入数字和小数点

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 != "") {//以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额
    obj.value = parseFloat(obj.value);
  }
}

onkeyup="clearNoNum(this)"

img错误

onerror="this.src=\'../../images/goods-default.png\'"

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>';
}

全选封装

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

取数组最小最大值

/**
 * 获取数组中最小值
 */
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;
}

获取json数据的length

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

移动端分页

var page = 2;
$(window).scroll(function () {
  if ($(window).scrollTop() == $(document).height() - $(window).height()) {
    getNearSeller(page, initPageSize)
    page++;
  }
});

input及时监听

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

返回页面顶部

$('.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);// 返回顶部
});

获取元素内文本信息(不包含其他子元素内部文本信息)

$('.el').contents().filter(function () { return this.nodeType == 3; })[0].nodeValue;

过滤字符串中HTML标签、空格字符

function filterHTMLTag(msg) {
    var msg = msg.replace(/<\/?[^>]*>/g, ''); //去除HTML Tag
    msg = msg.replace(/\s+/g, '') //去除空格
    msg = msg.replace(/&npsp;/ig, ''); //去掉npsp
    return msg;
}

var str = '<li><span style="color: rgb(17, 31, 44); font-size: 14px;">123456 333dasf a<b>234324<u>2344<i>4234324234234asdsasd</i></u></b></span><br></li>';

filterHTMLTag(str);

js数组合并并去重

var a = [1, 2, 3], b = [101, 2, 1, 10];
var c = a.concat(b.filter(function (item) {
  return a.indexOf(item) < 0;
}));

console.log(c); // [1, 2, 3, 101, 10]

复制文本到剪贴板

const copyToClipboard = content => {
    const clipboardData = window.clipboardData;
    if (clipboardData) {
        clipboardData.clearData();
        clipboardData.setData('Text', content);
        return true;
    } else if (document.execCommand) {
        const el = document.createElement('textarea');
        el.value = content;
        el.setAttribute('readonly', '');
        el.style.position = 'absolute';
        el.style.left = '-9999px';
        document.body.appendChild(el);
        el.select();
        document.execCommand('copy');
        document.body.removeChild(el);
        return true;
    }
    return false;
};
copyToClipboard('hello world');

 

 
posted @ 2016-03-11 15:48  CorderBob  阅读(294)  评论(0编辑  收藏  举报