jQuery从入门到放弃

350 阅读1分钟

jQuery官网:jquery.com/

jQuery一个“懒人”工具,方便,写得少,做的多!!

jQuery通俗易懂的理解

1 、jQuery从字面上我们可以看出,j代表javascript,Query是查询的意思,合起来就是javascript的查询。
2 、jQuery是对javascript的封装,是一个开发环境。
3 、在logo上我们可以看见“write less,do more”,“写的更少!做的更多!”

jQuery写的更少!做的更多!体现在哪里?

  • 来组图片对比下:我们创建了三个盒子,通过JavaScript和jQuery获取元素的方法里对比

是不是!是不是!短小又精干!!,jQuery说了:”看见没,我写的少,我牛逼!”

jQuery不仅仅在获取元素上,在入口函数,对象的方法,都要比JavaScript写的少,做的更多!

jQuery核心函数$()

$()可以用来干嘛?

1第一它可以传入一个函数
2第二它可以传入一个字符串
  • 当传入的是一个函数时,它被当作页面加载函数来使用,下面我们来演示

  • 当传入的是一个字符串时,把它包装成一个jQuery对象来操作属性和方法

我们可以看到,控制台获取到了3个div标签,这个时候jQuery就把传进去的字符串封装成了一个jQuery数组对象,这个时候我们就可以使用对象的属性和方法了,例如: console.log($div.length);//查看数组的长度

jQuery怎么使用?

jQuery官网:jquery.com/ 进入官网,下载jQuery,然后引入到我们的项目文件就可以使用了,值得一提的是,jQuery访问符号除了$(),还有jQuery(),当然也可以自定义访问符号,这样是为了解决我们引入多个框架时,遇到的冲突问题,详情可见官方文档。

jQuery让你的查询更方便,让你的特效更炫酷!