jQuery系列第一章 jQuery框架简单介绍-低调大师

jQuery系列第一章 jQuery框架简单介绍

2018-04-08 692

第一章 jQuery框架简单介绍

　　1.1 jQuery简介

　　jQuery是一款优秀的javaScript库（框架），该框架凭借简洁的语法和跨平台的兼容性，极大的简化了开发人员对HTML文档，DOM，事件以及Ajax的操作。

主旨口号：写的更少, 干的更多(以更少的代码,实现更多的功能)

　　1.2 作者和版本介绍

　　　　jQuery最早由约翰·雷西格（John Resig）于2006年1月的BarCamp NYC上发布第一个版本。目前由Dave Methvin领导的开发团队进行开发，是目前最受欢迎的JavaScript库。

作者：John Resig(约翰·雷西格)

John Resig(约翰·雷西格)，1984年5月8日出生于美国纽约。

个人著作：精通Javascript以及JavaScript忍者的秘密

工作经验：先后于Mozilla、可汗学院担任开发工程师。

jQuery框架版本相关介绍

开源许可协议： MIT许可证

官方网站： http://jquery.com/

托管仓库： https://github.com/jquery/jquery

版本情况：
JQuery目前分成1.x版、2.x版和3.x版本，从2.0.0开始不再支持IE 6/7/8，2.0.0版本之前通过jQuery Migrate plugin与先前版本保持兼容。

最新版本：3.3.1

1.3 jQuery的优点（特点）

- 轻量级
- 免费开源
- 完善的文档
- 丰富的插件支持
- 完善的Ajax功能
- 不会污染顶级变量
- 强大的选择器功能
- 出色的DOM操作封装
- 出色的浏览器兼容性
- 可靠的事件处理机制
- 隐式迭代和链式编程操作

　　1.4 jQuery的基本功能

　　　　① 访问和操作DOM元素　

　　　　　说明：使用jQuery库,可以很方便地获取和修改页面中的元素，无论是删除、移动、复制元素,jQuery都提供了一整套方便、快捷的方法,既减少了代码的编写,又大大提高了用户的体验。
　　　　　方法示例：append() prepend() remove() empty() html() text()等

　　　　② 控制页面的CSS样式

　　　　　说明：引入jQuery框架后,开发人员可以方便快捷的来操作页面中的CSS样式，而且jQuery已经帮我们完成了令人头疼的浏览器兼容性处理。
　　　　　方法示例：css() addClass() toggleClass() hasClass() removeClass()等

　　　　③ 完善的Ajax网络请求

　　　　　说明：Ajax是在原生页面中异步发送和读取服务器数据所采用的组合技术，使用Ajax实现网络通信提高了用户体验和程序性能，而jQuery框架中提供了专门处理网络请求的Ajax组件。
　　　　　我们可以方便的使用jQuery中提供的方法来实现Ajax网络请求。
　　　　　方法示例：ajax() get() post()等

　　　　④ 页面标签事件处理

　　　　　说明：jQuery框架中对标签的处理，让页面的表现层与功能开发分离，开发者只需要更多的关注业务逻辑方面的实现即可。
　　　　　方法示例：on() off() click() mouseenter() hover() 等

　　　　⑤ 优雅的动画特效实现

　　　　　说明：jQuery框架中提供了一整套的动画方法，可以满足开发中常见的动画效果实现，而且使用简单方便。
　　　　　方法示例：show() hide() slideDown() slideUp() Animate() 等

　　　　⑥ 好用的工具方法和强大的插件支持

　　　　　说明：jQuery框架中提供了插件机制，利用插件机制程序员可以方便的对原有的框架和功能进行扩展，另外框架本身也提供了表单、UI等大量的插件。
　　　　　这些插件的使用,极大丰富了页的展示效果。除了插件之外，jQuery框架中还为我们提供了很多好用的工具方法，我们可以通过调用这些工具方法来解决开发中一些常见的需求。
　　　　　方法示例：extend() each() map()等

1.5 第一个jQuery程序

　　① jQuery框架的使用步骤

1. 下载jQuery框架在本地的电脑上（官网提供框架的下载链接，两个版本可供选择）
2. 创建项目，在项目中使用script引入jQuery框架
3. 使用jQuery框架来实现相关的功能

　　② jQuery框架示例程序

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <!--01 先下载(获取)jQuery框架到项目中-->
 7     <!--02 把下载好的jQuery框架导入到项目中-->
 8     <script src="jquery-3.2.1.js"></script>
 9 </head>
10 <body>
11 <button>我是按钮</button>
12 <script>
13     /*03 直接使用jQuery框架里面的方法来实现指定的功能*/
14     $(document).ready(function () {
15         /*
16         * 04 表示等DOM加载后,获取页面中的按钮,并且给按钮添加点击事件
17         *    点击按钮后,在控制台打印消息
18         * */
19         $("button").click(function () {
20             console.log("点击了页面中的按钮");
21         })
22     })
23 </script>
24 </body>
25 </html>

1.6 jQuery框架的代码风格

① 美元起始风格

　　在jQuery框架中，不管是页面元素的选择、内置的功能函数，都使用美元符号来起始的。

　　这个美元符号其实就是jQuery框架当中最重要且独有的对象: jQuery对象。

② 链式编程风格

　　jQuery框架中为我们提供了链式编程操作，链式编程的特点中，几乎每个jQuery方法执行完毕后都会把当前正在操作的对象作为返回值返回，如果我们需要对某个标签执行多个操作，那么使用链式编程可以让代码更短更简洁。

　　ex：$("#demoID").addClass("cur").siblings().removeClass("cur")

附: jQuery框架知识体系

Posted by 博客园·文顶顶 ~ 文顶顶的个人博客_花田半亩
联系作者简书·文顶顶新浪微博·文顶顶
原创文章，版权声明：自由转载-非商用-非衍生-保持署名 | 文顶顶

微信关注我们

原文链接：https://yq.aliyun.com/articles/674481

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

Java中GUI的默认窗体布局和常见的窗体布局方案

2018-04-08

524

问题描述：用java做一个图形化界面的程序，在Eclipse上运行后中文显示乱码，如下图所示：解决方法：在要运行的代码上右键 Run As --> Run Configurations...，在Arguments --> VM arguments:中增加下面这句：-Dfile.encoding=gbk 结果：注意：我的电脑的编码是：GBK，Ecplise软件的编码是UTF-8。该方法只对需要运行的java代码有效。如果该程序在java控制台还输出数据的话，依旧会出现乱码。我的GitHub地址： https://github.com/heizemingjun 我的博客园地址： http://www.cnblogs.com/chenmingjun 我的蚂蚁笔记博客地址： http://blog.leanote.com/chenmingjun Copyright ©2018 黑泽明军【转载文章务必保留出处和署名，谢谢！】

2018-04-08

847

资源下载

更多资源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。