Ⅰ、jQuery的定义
jQuery其实就是一个JavaScript库,它提供了一个易于使用的API,可以跨多种浏览器工作,也能使HTML文档的遍历和操作、事件解决、动画和Ajax等操作变得更加简单。可以说是,集多功能于一身。
栗1:我们通过ID获取一个HTML元素,假如用JavaScript中以前的方法,var obj = document.getElementById(‘IdValue’);? ? 而jQuery中即可以非常简单的获取到 var obj = $(‘IdValue’);
栗2:假如我们将一个HTML元素隐藏,假如用JavaScript中以前的方法,document.getElementById(‘IdValue’).style.display = ‘none’;? ?而jQuery中即可以直接获取到元素进行隐藏 $(‘IdValue’).hide();? ?
栗3:假如把一个HTML元素的宽度变成200px,假如用原生的JavaScript的方法,通过style来控制css,document.getElementById(‘IdValue’).style.width = ‘200px’;而jQuery中即可以直接控制css,$(‘IdValue’).css(‘width’,’200px’);?
总之,jQuery是一个JavaScript函数库,是一个轻量级的JavaScript库。
Ⅱ、jQuery的作用
①HTML元素选取 ② HTML元素操作? ?③ CSS操作? ④ HTML事件函数⑤JavaScript特效和动画 ⑥HTML DOM遍历和修改 ⑦AJAX?⑧Utilities
我们前面学的用原生的JavaScript写过AJAX的时候很麻烦,要获取httprequestx对象,还要分兼容性,分了几个步骤,但是在jQuery中给它做了一个封装
Ⅲ、jQuery的目的
简化代码,使程序更高效,主要用来替代原生的JavaScript。
所以在学jQuery之前,要熟练使用JavaScript及其DOM操作,并且掌握HTML和CSS基础知识。
Ⅳ、jQuery的优点
① 轻量级? ? ? ? ? ? ? ? ? ? ? ② 强大的选择器? ?③ 厉害的DOM操作及其封装
④ 可靠的事件解决机制? ?⑤ 完善的Ajax? ? ⑥ 不污染顶级变量??
⑦ 出色的浏览器兼容性? ?⑧ 链式操作方式? ?⑨ 隐式迭代
⑩ 行为层和结构层的分离? ? 丰富的插件支持