美文网首页前端开发
【前端开发】快速掌握jQuery开发

【前端开发】快速掌握jQuery开发

作者: 阿里云大学百科 | 来源:发表于2019-06-17 15:44 被阅读39次

    简介:

    jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

    jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

    关于jQuery开发教程的详细内容:jQuery开发教程

    (本课程可以帮助学员掌握jQuery开发技术,适合人群前端开发者学习。)

    jQuery 选择器:

    允许您对元素组或单个元素进行操作。

    3.1  元素选择器

    使用 CSS 选择器来选取 HTML 元素。

    3.2  属性选择器 [ ]

    带有给定属性的元素。

    $('[title]').hide();

    改变 HTML 元素的 CSS 属性。

    3.3  CSS 选择器

    $('p').css('background-color', 'red');

    语言特点:

    快速获取文档元素

    jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式。

    提供漂亮的页面动态效果

    jQuery中内置了一系列的动画效果,可以开发出非常漂亮的网页,许多网站都使用jQuery的内置的效果,比如淡入淡出、元素移除等动态特效。

    创建AJAX无刷新网页

    AJAX是异步的JavaScript和ML的简称,可以开发出非常灵敏无刷新的网页,特别是开发服务器端网页时,比如PHP网站,需要往返地与服务器通信,如果不使用AJAX,每次数据更新不得不重新刷新网页,而使用AJAX特效后,可以对页面进行局部刷新,提供动态的效果。

    提供对JavaScript语言的增强

    jQuery提供了对基本JavaScript结构的增强,比如元素迭代和数组处理等操作。

    增强的事件处理

    jQuery提供了各种页面事件,它可以避免程序员在HTML中添加太事件处理代码,最重要的是,它的事件处理器消除了各种浏览器兼容性问题。

    更改网页内容

    jQuery可以修改网页中的内容,比如更改网页的文本、插入或者翻转网页图像,jQuery简化了原本使用JavaScript代码需要处理的方式。

    语言评价:

    jQuery 是继prototype 之后又一个优秀的轻量级JavaScript 框架。其宗旨是———“Write Less, Do More”,写更少的代码,做更多的事情。 它是一个快速和简洁的JavaScript 库,可以简化HTML 文档元素的遍历,事件处理,动画和Ajax 交互以实现快速Web 开发,它被设计用来改变编写JavaScript 脚本的方式。

    jQuery 的文档非常丰富,因为其轻量级的特性,文档并不复杂,随着新版本的发布,可以很快被翻译成多种语言,这也为jQuery 的流行提供了条件。jQuery 被包在语法上,jQuery 支持CSS1-3 的选择器, 兼容IE 6.0+, FF 2+,Safari 3.0+, Opera 9.0+, Chrome 等浏览器。同时,jQuery 有约几千种丰富多彩的插件,大量有趣的扩展和出色的社区支持,这弥补了jQuery功能较少的不足并为jQuery 提供了众多非常有用的功能扩展。加之其简单易学,jQuery 很快成为当今最为流行的JavaScript 库,成为开发网站等复杂度较低的Web 应用程序的首选JavaScript 库,并得到了大公司如微软,Google 的支持。

    jQuery 最有特色的语法特点就是与CSS 语法相似的选择器,并且它支持CSS1 到CSS3 的几乎所有选择器,并兼容所有主流浏览器,这为快速访问DOM 提供了方便。

    阿里云开发者社区全面升级,一站式体验,用得更爽:(阿里云开发者社区首页

    相关文章

      网友评论

        本文标题:【前端开发】快速掌握jQuery开发

        本文链接:https://www.haomeiwen.com/subject/csnafctx.html