![ThinkPHP5实战之[教学管理系统]](https://img.php.cn/upload/course/000/000/068/6253d87459486427.png)
批改状态：合格
老师批语：each()与原生的forEach()和map()功能类似
收藏
收藏
收藏
js创建对象，属性和方法，jQuery选择器、each函数练习
js创建对象用关键字new Object（）来表示，也可以用var obj = {} 来表示定义一个空对象，对象里有属性和方法
js创建对象，属性和方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js对象的练习</title>
<script>
//定义js对象方法一
var obj = new Object();
obj.name = '我是js的一个属性值';
obj.func = function (){
return '我是js对象的一个方法';
}
//打印对象
console.log(obj.name);
console.log(obj.func());
//定义js对象方法二
var obj2 = {};
obj2.name = '西门老师';
obj2.project ='PHP中文网讲师';
obj2.func = function(){
return this.name+'是'+this.project;
}
console.log(obj2.func());
//定义js对象方法三
var obj3 = {
name:'西门老师',
project :'PHP中文网讲师',
func:function(){
return this.name+'是'+this.project;
}
}
console.log(obj3.func());
</script>
</head>
<body>
<div id="teacher">
<p class="info">PHP中文网朱老师</p>
<p class="info">PHP中文网欧阳老师</p>
<p class="info">PHP中文网西门老师</p>
</div>
</body>
</html>点击 "运行实例" 按钮查看在线实例
jQuery选择器、each函数练习
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery选择器和each()函数</title>
<script src='https://www.php.cn/static/blogs/js/jquery3.4.1.js'></script>
<script>
$(function(){
$('#teacher').css('background','#666');
$('.info').css('color','#f60');
$('#teacher p').each(function(){
alert($(this).text())
});
})
</script>
</head>
<body>
<div id="teacher">
<p class="info">PHP中文网朱老师</p>
<p class="info">PHP中文网欧阳老师</p>
<p class="info">PHP中文网西门老师</p>
</div>
</body>
</html>点击 "运行实例" 按钮查看在线实例
以前没有接触过js对象，通过老师的讲解对js有了更清晰的认识。
Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
