jQuery入门

作者 : 开心源码 本文共986个字,预计阅读时间需要3分钟 发布时间: 2022-05-13 共218人阅读

Ⅰ、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? ? ⑥ 不污染顶级变量??

⑦ 出色的浏览器兼容性? ?⑧ 链式操作方式? ?⑨ 隐式迭代

⑩ 行为层和结构层的分离? ? 丰富的插件支持

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » jQuery入门

发表回复