JQuery概述及环境搭建

恬淡虚无岁月去 2023-01-12 14:57:44

课时名称	课时知识点
JQuery概述及环境搭建

...全文

160 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式从零开始学习jQuery (五) 事件与事件对象从零开始学习jQuery (六) AJAX快餐从零开始学习jQuery (七) jQuery动画-让页面动起来! 从零开始学习jQuery (九) jQuery工具函数从零开始学习jQuery (十) jQueryUI常用功能实战从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件一.摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章是入门第一篇, 主要是简单介绍jQuery, 通过简单示例指导大家如何编写jQuery代码以及搭建开发环境. 详细讲解了如何在Visual Studio中配合使用jQuery. 转载请注明子秋出品!博客园首发! 二.前言首先道个歉! "从零开始学习ASP.NET MVC"系列文章在即将介绍Filter时就没有更新了, 原因就是最近我一直在研究和学习jQuery.看到本系列的名称和文章标题, 看过我的MVC系列文章的人会感到很熟悉. 不久要给公司的人做培训, 所以特意制作了本教程. 在写作的同时我参考了网上jQuery的系列教程文章, 在博客园和Google上并没有找到让我满意的系列教程. 我喜欢将知识系统的,深入浅出的讲解.不喜欢写那种"学习笔记"式的文章. 同时本系列将很快全部写完(有工作压力就是有动力), 随后如果时间允许我会继续更新MVC系列文章.再一次对等待MVC文章的朋友们说声抱歉! 另外本系列文章的大部分知识点来源于图灵出版社的"jQuery实战"一书. 推荐大家购买此书, 是jQuery书籍中的经典之作. 下面让我们开始jQuery之旅. 三.什么是jQuery jQuery是一套Javascript脚本库. 在我的博客中可以找到"Javascript轻量级脚本库"系列文章. Javascript脚本库类似于.NET的类库, 我们将一些工具方法或对象方法封装在类库中, 方便用户使用. 注意jQuery是脚本库, 而不是脚本框架. "库"不等于"框架", 比如"System程序集"是类库,而"ASP.NET MVC"是框架. jQuery并不能帮助我们解决脚本的引用管理和功能管理,这些都是脚本框架要做的事. 脚本库能够帮助我们完成编码逻辑,实现业务功能. 使用jQuery将极大的提高编写javascript代码的效率, 让写出来的代码更加优雅, 更加健壮. 同时网络上丰富的jQuery插件也让我们的工作变成了"有了jQuery,天天喝茶水"--因为我们已经站在巨人的肩膀上了. 创建一个ASP.NET MVC项目时, 会发现已经自动引入了jQuery类库. jQuery几乎是微软的御用脚本库了!完美的集成度和智能感知的支持,让.NET和jQuery天衣无缝结合在一起!所以用.NET就要选用jQuery而非Dojo,ExtJS等. jQuery有如下特点: 1.提供了强大的功能函数使用这些功能函数, 能够帮助我们快速完成各种功能, 而且会让我们的代码异常简洁. 2.解决浏览器兼容性问题 javascript脚本在不同浏览器的兼容性一直是Web开发人员的噩梦, 常常一个页面在IE7,Firefox下运行正常, 在IE6下就出现莫名其妙的问题. 针对不同的浏览器编写不同的脚本是一件痛苦的事情. 有了jQuery我们将从这个噩梦中醒来, 比如在jQuery中的Event事件对象已经被格式化成所有浏览器通用的, 从前要根据event获取事件触发者, 在ie下是event.srcElements 而ff等标准浏览器下下是event.target. jQuery则通过统一event对象,让我们可以在所有浏览器中使用event.target获取事件对象. 3.实现丰富的UI jQuery可以实现比如渐变弹出, 图层移动等动画效果, 让我们获得更好的用户体验. 单以渐变效果为例, 从前我自己写了一个可以兼容ie和ff的渐变动画, 使用大量javascript代码实现, 费心费力不说, 写完后没有太多帮助过一段时间就忘记了. 再开发类似的功能还要再次费心费力. 如今使用jQuery就可以帮助我们快速完成此类应用. 4.纠正错误的脚本知识这一条是我提出的, 原因就是大部分开发人员对于javascript存在错误的认识. 比如在页面中编写加载时即执行的操作DOM的语句, 在HTML元素或者document对象上直接添加"onclick"属性, 不知道onclick其实是一个匿名函数等等. 拥有这些错误脚本知识的技术人员也能完成所有的开发工作, 但是这样的程序是不健壮的. 比如"在页面中编写加载时即执行的操作DOM的语句", 当页面代码很小用户加载很快时没有问题, 当页面加载稍慢时就会出现浏览器"终止操作"的错误.jQuery提供了很多简便的方法帮助我们解决这些问题, 一旦使用jQuery你就将纠正这些错误的知识--因为我们都是用标准的正确的jQuery脚本编写方法! 5.太多了! 等待我们一一去发现.

PHP与jQuery开发实例PHP jQuery Cookbook.pdf

Codiqa 工具开发 JQuery Mobile HTML5利器

本书15章，分5篇。第1篇为准备篇，主要为Java Web开发概述，并手把手带领读者一块搭建Java Web开发环境；第2篇为基础篇，主要介绍HTML、CSS、JavaScript、Servlet、JSP和JavaBean等Java Web开发所需的基础知识，并对这些基础知识进行练习和领悟；第3篇为提高篇，介绍当前流行的SSH开发框架，并带领读者对SSH框架进行整合，最后介绍了Ajax和jQuery；第4篇为实践篇，通过3个具体实例了解Java Web开发流程；第5篇为扩展篇，主要是对移动Web开发领域的扩展。

1.1、课程的背景该课程是北风品牌课程-《BF-TECH J2EE软件工程师就业课程》第五阶段：项目实战一、开发基于SSH2+Maven+JeasyUI+MySQL技术的【易买网电子商务交易平台】课程。 jQuery EasyUI简称jeasyui,也就叫easyui,是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。现在几乎只要软件开发项目，越来越多的公司采用富客户端技术，由于extjs过于宠大，及学习成本较高，更多的企业选择采用小巧而易用的jeasyui作为前端展示框架。 Maven是基于项目对象模型(POM)，可以通过一小段描述信息来管理项目的构建，报告和文档的软件项目管理工具。Maven 除了以程序构建能力为特色之外，还提供 Ant 所缺少的高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性，所以常常用两三行 Maven 构建脚本就可以构建简单的项目，而使用 Ant 则需要十几行。事实上，由于 Maven 的面向项目的方法，许多 Apache Jakarta 项目发文时使用 Maven，而且公司项目采用 Maven 的比例在持续增长。 1.2、课程内容简介由于富客户端技术进一步扩展浏览器功能,使之提供更加高效和友好的用户接口，越来越多的企业和开发人员选择使用富客户端技术构建商业应用，本课程主要是介绍了解最流行的富客户端框架jquery - easyUI API及熟悉掌握其高级特性，并结合SSH2框架与Maven实现富户端商业应用的全部开发过程. 2.2、课程学习目标（我们提供什么？）目标一. 了解Maven的环境配置以及如何在项目中进行运用管理目标二. 了解java框架技术，熟悉SSH框架搭建的全过程目标三. 可以让学员迅速掌握JEasyUI的API及使用技巧目标四. 可以让学员熟练使用JEasyUI快速构通富客户端的界面及与后台服务器交互的注意事项与技巧目标五. 通过前台和后台的分离，让学生即掌握JSP使用技巧又熟练JEasyUI的使用目标六. 通过完整的项目实战，全面的演示了JEasyui+SSH2+Maven+MySQL技术的综合使用步骤、过程、注意事项及技巧目标七. 通过本课程的学习，为学员以后开发使用JEasyui与后台Java框架技术结合的大型Java项目提供了完整示范，奠定基础 2.3、课程特色特点一、讲师具有一线的实战经验与丰富的教学经验，课程即讲解案例实现思路、理论与原理又讲解实战技巧与注意事项，即照顾到基顾学员，又照顾到有一定实战经验想要提高自己的学员。特点二、在每节开始之前先简单回顾上一节所讲的主要内容，并对本节所讲的内容先进行概述，讲解概念、技术要点，设计实现思路等内容，最后总结本次课程的要掌握的要点，讲师授课采用先理论，后实战的方式，由浅入深，符合人们接受知识的自然规律。特点三、学习的过程中学员要理论和实践相结合，讲过的代码学员自行完成修改和调试，以巩固加深学习效果 2.4、课程亮点亮点一、Structs2.x+Spring3.x+Hibernate4.x+ JEasyui1.3.4+Maven3 各框架jar包等采用的均是目前为止最新的版本，讲解时使用的这些jar及框架的最新技术，如此组合在国内尚属首部、技术的前沿性可以保证让您的技术在二到三年内不会落伍. 亮点二、理论与实战相结合，由浅入深。即照顾到基础学员，又照顾到有一定经验的学员，讲解过程中留有学生思考的时间. 亮点三、课程绝大多数代码均是一行一行手工敲入，手把手一步步带领学员从入门到精通. 亮点四、整个课程虽项目不大，但整个项目基本上涉及到JEasyui与后台交互的方方面面，而且讲师框架全部按大的项目架构去搭建的，学员拿到该项目后稍加改造就可以用到自己的项目，实用性超强.

张中强的课程社区_NO_1

2

社区成员

206

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章