10月23日作业：练习JS创建对象，jquery的id、class选择器选择元素，$.each遍历数组

一、练习JS创建对象：

    1.方法一

                        定义一个空对象 ：var obj=Object(); 

                        给对象添加属性： obj.name = '到php中文网学习JS’；

                         再创建一个对象方法：obj.hello=function(){ };  

                        调用这个对象方法： obj.hello();

    2.方法二

                        定义一个对象：var obj = {}; 

                        给此对象创建属性：obj.age = 29;  

                        再创建一个方法：obj.hello = function(){

                        alert('你好，js');

                        }

                        调用这个对象：obj.hello();

    3.方法三

                        定义一个对象：var obj2={

                        //创建了一个对象属性

                             name:'吴峰',

                            //创建对象的方法

                             age:function(){

                             alert(age=29);

                                                     }

                                                    }

                                                    //调用对象方法

                                                       obj2.age();                         

                            

        4.js对象关键字：this，表示当前对象：

实例

	<script>


var obj={
	id:'吴峰',
	age:function(){
		return this.id;
	},
	name:function(){
		return this;
	}

};

var xm =obj.name().age();
alert(xm);


	</script>

    5.两个对象可以指向同一个内存地址：其中一个对象改变了属性和方法，那么另一个对象也同样改变：

实例

	<script>


var obj={
	id:'吴峰',
	age:function(){
		return this.id;
	},
	name:function(){
		return this;
	}

};

var obj2=obj;

obj2.id='中文网';

var xm =obj.name().age();
alert(xm);


	</script>

 二、练习jquery基础引入及id、class选择器选择元素，$.each遍历数组！

1. 引入jquery：使用    <script src="jquery-3.4.1.min.js"></script>。使用link引入会有报错！

    2.jquery 之 id选择器：$("# + id 名称 "); 如： $("#div1")

    3.jquery 之 class选择器：$(".+class名称"); $(".p1");

    4$.each遍历数组：在判断时：retunrn true相当于continue;   return false相当于 break

    

实例

<script>

  	var arr=[1,2,3,4,5,6,7,8,9];
  	$.each(arr,function(i,v){

  		if(v==3||v==6){
  			return true；
  		}

  		console.log('索引:'+i+'值：'+v)

  	});



</script>