Jquery 使用日志

发表于 | 更新于 | 分类于 ， | 阅读次数：
Jquery 使用日志

Jquery 使用笔记

文件加载后进行初始化

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
$(function () {
	// 本月产品类型
	monthTypes();

	//本月产品订购次数排名
	monthRanked();

	//最近24小时订购次数
	h24Rank();

	//本月产品订购收入排名
	mpincomeRank();

	/**
	 * 定时刷新数据
	 */
	setInterval(function () {
		setTimeout(monthTypes(), Math.random() * 100);
		setTimeout(monthRanked(), Math.random() * 100);
		setTimeout(h24Rank(), Math.random() * 100);
		setTimeout(mpincomeRank(), Math.random() * 100);
	}, 1000 * 60 * 5);

})

list遍历

each

1
2
3
4
$.each(result, function(index, item) {
    // result[index] = item
    console.log(index);
});

map

1
2
3
result.map(function(item){
    console.log(item)
})

for

数字滚动插件

GitHub 地址

参照博客
数字滚动显示插件地址

延迟加载*.js文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript">
  function downloadJSAtOnload() {
    var element = document.createElement("script");
    element.src = "*.js";//相对路径
    document.body.appendChild(element);
  }

  if (window.addEventListener) {
    window.addEventListener("load", downloadJSAtOnload, false);
  } else if (window.attachEvent) {
    window.attachEvent("onload", downloadJSAtOnload);
  } else {
    window.onload = downloadJSAtOnload;
  }
</script>

获取省市联动的中国行政区数据

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

$.getJSON('http://datavmap-public.oss-cn-hangzhou.aliyuncs.com/areas/csv/100000_province.json?order=asc&_=1583116330692', function (result) {

    const total = result.total;
    for (let i = 0; i < total; i++) {
        var provices = [];

        let name = result.rows[i].name;
        let adcode = result.rows[i].adcode;
        // console.info('name:\t' + name + 'adcode:\t' + adcode);
        $.getJSON('http://datavmap-public.oss-cn-hangzhou.aliyuncs.com/areas/csv/' + adcode + '_city.json?order=asc&_=' + new Date().getTime(), function (city_result) {
            var city = [];
            for (let j = 0; j < city_result.total; j++) {
                const value = city_result.rows[j];
                // console.info(value)
                const city_name = value.name;

                city.push({
                    value: city_name,
                    label: city_name
                });
            }
            provices.push({
                value: name,
                label: name,
                children: city
            })
            if(provices.length == total){
                console.info(JSON.stringify(provices));
            }
        });
    }
});