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

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

发布了3 篇原创文章 · 获赞 3 · 访问量 210

猜你喜欢

转载自blog.csdn.net/weixin_42619900/article/details/104030002
今日推荐