版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/yin_991/article/details/81042792
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>回调函数</title>
</head>
<body>
<div id="box1">
<div id="box2">
<ol>
<li class="child">list1</li>
<li class="child">list2</li>
<li class="child">list3</li>
</ol>
<div id="box3">
<p id="child" class="child">this is a list of unorder</p>
<ul>
<li>list-01</li>
<li>list-02</li>
<li>list-03</li>
<li>list-04</li>
<li>list-05</li>
</ul>
</div>
</div>
</div>
<script src="./jquery-1.12.4.js"></script>
<script>
//回调函数
function a(callbackFunction){
alert("这是parent函数a");
var n=1,m=3;
return callbackFunction(n,m);
}
function b(n,m){
alert("这是回调函数b");
return n+m;
}
$(function(){
var result=a(b);
alert(result);
})
/*结果:这是parent函数a
** 这是回调函数b
4
*/
// jquery使用jqueryObj.map(callbackFunction)来转换成另一个jQuery对象
var c=$('div').map(function(index, domelement){//回调函数
//index为另一个对象的索引
// return this.id;//等价于下方
return domelement.id;
})
console.log($('div'));//原来的div集合
console.log(c)//转换后的id集合
/*结果:
**打印出每个div元素对应的id集合,也就是div集合为原来的jQuery对象,经map后,转换成div的id的集合,但还都是jQuery对象
*/
</script>
</body>
</html>
控制台结果: