2020/1/18 js和jq的使用方法的部分对比

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遍历数组，两种格式的遍历方式都是同样的效果

而对于遍历对象，则只能使用第二种遍历格式，而第一种会将对象包装为数组。