JS面向对象
<script>
function num(val) {
return val * 8
}
function Index(name, age) {
this.name = name;
this.age = age;
}
Index.prototype = {
constructor: Index
}
Index.prototype.test = function () {
console.log(num(this.age));
}
Index.prototype.testB = function () {
console.log(num(this.name));
}
var a = new Index(‘kang‘, 22)
a.test()
a.testB()
</script>
自调用函数
<script>
!function (a, b) {
console.log(a + b)
}(1, 2);
(function (c, d) {
console.log(c + d)
})(3, 4)
// 你甚至可以在function前面加一元操作符号
!function () { /* code */ } ();
~function () { /* code */ } ();
-function () { /* code */ } ();
+function () { /* code */ } ();
</script>
jq $.get(‘a.json‘) 读取json $.grep()过滤json
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<select name="province" id="province" class="common-select"></select>
<select name="province" id="city" class="common-select"></select>
<button>btn</button>
<script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script>
$.get(‘area_list.json‘, function (res) {
// 省份
var provinceList = $.grep(res, function (n) {
return n.value.length == 2
})
// 初始化城市列表
var beijingList = $.grep(res,function (n) {
return n.parent == 11
})
function addData(id,dataFilter){
var dataList = ‘‘
for(var i = 0; i<dataFilter.length;i++){
dataList+= ‘<option value="‘+dataFilter[i].value+‘">‘+dataFilter[i].name+‘</option>‘
}
$("#"+id).append(dataList)
}
addData("province",provinceList) //添加省份
addData("city",beijingList) // 添加城市
// 省份改变后获取新的城市列表
$("#province").change(function () {
var cityId = $(this).val();
var cityList = $.grep(res,function (n) {
return n.parent == cityId
})
$("#city").empty()
addData("city",cityList) // 添加对应城市
})
}, ‘json‘)
$("button").click(function () {
console.log($("#province").val());
console.log($("#city").val());
})
</script>
</body>
</html>
时间： 2024-08-25 20:41:00