← 返回首页
jQuery基础教程(一)
发表时间:2021-01-16 09:05:22
什么是jQuery

1.什么是jQuery?

jQuery的字面意思其实就是JavaScript和查询(Query),即用于辅助开发JavaScript的库。jQuery 极大地简化了 JavaScript编程,同时jQuery很容易上手学习。

2.JQuery的特点

1).一款轻量级的js框架。 JQuery核心js文件才几十kb,不会影响页面加载速度。与Extjs相比要轻便的多。

2).丰富的DOM选择器(CSS1-3 + XPath) JQuery的选择器用起来很方便,好比要找到某个dom对象的相邻元素js可能要写好几行代码,而JQuery一行代码就搞定了,再比如要将一个表格的隔行变色,JQuery也是一行代码搞定。

3).链式表达式。 JQuery的链式操作可以把多个操作写在一行代码里,更加简洁。

4).事件、样式、动画支持。 JQuery还简化了js操作css的代码,并且代码的可读性也比js要强。

5).Ajax操作支持。 JQuery简化了AJAX操作,后台只需返回一个JSON格式的字符串就能完成与前台的通信。

6).跨浏览器兼容。 JQuery基本兼容了现在主流的浏览器,不用再为浏览器的兼容问题而伤透脑筋。

7).插件扩展开发。 JQuery有着丰富的第三方的插件,例如:树形菜单、日期控件、图片切换插件、弹出窗口等等基本前台页面上的组件都有对应插件,并且用JQuery插件做出来的效果很炫,并且可以根据自己需要去改写和封装插件,简单实用。

8).可扩展性强。 JQuery提供了扩展接口:JQuery.extend(object),可以在JQuery的命名空间上增加新函数。JQuery的所有插件都是基于这个扩展接口开发的。

3.jQuey和vue对比

jQuery是使用选择器($)选取DOM对象,对其进行赋值、取值、事件绑定等操作,其实和原生的HTML的区别只在于可以更方便的选取和操作DOM对象,而数据和界面是在一起的。比如需要获取label标签的内容:$("lable").val();,它还是依赖DOM元素的值。

Vue则是通过Vue对象将数据和View完全分离开来了。对数据进行操作不再需要引用相应的DOM对象,可以说数据和View是分离的,他们通过Vue对象这个vm实现相互的绑定。这就是常说的MVVM框架。