jquery里动态读取对象属性的方法和在线实例亲测 原创

文章标签: 对象
  • :
  • 03-22 11:19
  • :
  • 16次
  • :
  • 0条
  • 1赞

简介本文主要讲的是在jquery里,动态读取一个object对象属性的方法及完整的在线实例演示。l

我们都知道如何来读取一个对象的属性或方法,比如下面这样的一个对象:

<script language="JavaScript">
//下面是我们预设的一个对象
var aijquery={	
    aijquery:"www.aijquery.cn",
    good:"very good!!!",	
    nice:"nice~~~thank you!"
};
</script>

如果我们要读取这个对象的各个属性的值,那么直接用"对象名.属性名"的格式就能读取到了:

document.write(aijquery.aijquery);//读取对象aijquery的aijquery属性的值
document.write(aijquery.nice);//读取对象aijquery的nice属性值

但在有的时候,我们需要用到动态读取对象属性,也就是说在我们的程序里,要用对象的哪个属性,是通过一个变量来控制的,那么我们该如何做呢?很自然而然的,站长我自己想到了下面的方法:

var v="aijquery";//这个变量是获取到的值,用来控制要读取对象的哪个属性
document.write(aijquery.v);

但是站长在这里要说和要提醒的是,上面的方法是错的!错的!!错的!!!

错误的提示是对象没有相关的属性或方法!

在网上找了一下关于js 对象的一些基础教程,才找到了正确的解决方法,其实非常简单:

var v="aijquery";//这个变量是获取到的值,用来控制要读取对象的哪个属性
document.write(aijquery[v]);

要动态读取对象属性的时候,把点换成中括号就行了!!!

下面是站长自己做的一个在线实例演示,大家可以点击查看:

jquery里动态读取对象属性的在线演示

下面是上面这个在线实例的截图:



您正在找的文章可能是:
热点文章
热点图文
最近更新