1.关于获取元素
<div id = "box"></div>
====================js====================
原生js获取对象的方式:var box =document.getElementById = ("box");
或者:var box = document.querySelector("#box");
====================jq====================
var box = $("#box")
2.关于遍历数组
====================js====================
数组中的当前项item,当前项的索引index,原始数组input。
====================jq====================
两种格式都可以遍历对象
不过这里还有一点值得注意:
那就是原生js传入的两个参数中,第一个是表示值,第二个才是索引,如果只写一个参数,默认取前面的参数,即值;
而jq中,第一个参数表示索引,第二个才是值,只写一个参数的时候,默认去前面的参数,即索引;
2.关于遍历对象
====================js====================
打印结果:
遍历成功!
需要注意,在没有遍历的时候我们获取对象里的值,通常是:
obj.key,
而在遍历时,需要写成obj[key],否则会打印:
====================jq====================
像数组一样,尝试第一种jq方式:
看看打印的结果:
居然只有一个num型的值和一个完整的对象打印出来了,并没有遍历对象;
说明这种格式只能够遍历数组,它会自动把对象包装为这样:
此时再运行,结果是一样的。
再看第二种方式:
结果:
遍历成功!
所以总结得出:
对于jq遍历数组,两种格式的遍历方式都是同样的效果
而对于遍历对象,则只能使用第二种遍历格式,而第一种会将对象包装为数组。