js中 中括号和.的区别

JavaScript017

js中 中括号和.的区别,第1张

比如我定义一个json

var person = {

    name : '张三' ,

    age : 12

}

那么可以有两种方式获取它的属性:

person.name

person['name']

以上两种方式都可以获取他的name属性。用中括号的方式比较灵活,可以动态传入属性的key,因为是字符串嘛。可是如果你用 . 的方式, 就必须要明确key是什么。

.是类选择器,#是id选择器

相同点:

在html写的选择器,css可以对选择器设置样式作用到html标签上

在html写的选择器,js可以根据选择器获取到对应的dom

区别:

在一个html标签上,类选择器优先级低于id选择器

在html中,同样的类选择器可以多次使用,而id选择器只能用于一个标签上