博客列表 >10月23日作业:练习JS创建对象,jquery的id、class选择器选择元素,$.each遍历数组

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

星空的博客
星空的博客原创
2019年10月25日 14:32:53773浏览

一、练习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>

运行实例 »

点击 "运行实例" 按钮查看在线实例

        




声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议