jQuery入门

    科技2025-04-03  23

    简介

    jQuery是一个JavaScript函数库,是目前流行的 JS 框架。 JQuery官方的主旨是:write less, do more(以更少的代码,实现更多的功能) jQuery 的功能概括:

    html 的元素选取html的元素操作html dom遍历和修改js特效和动画效果css操作html事件操作ajax异步请求方式

    添加方式

    在网页中使用JQuery需要添加JQuery的库,有两种添加方式:

    从JQuery官网:http://jquery.com/下载jQuery库从CDN中载入jQuery库

    PS:国内的一些CND

    新浪静态资源公共库 http://lib.sinaapp.com/Bootstrap中文网开源项目免费CDN加速服务 http://www.bootcdn.cn/

    开发版本和生产版本

    生产版本 ­ 用于实际的网站中,已被精简和压缩。文件名称(*.min.js)开发版本 ­ 用于测试和开发(未压缩,是可读的代码)文件名称(*.js)

    版本号选择

    目前jQuery有三个大版本:

    1.x:兼容ie6、7、8,使用为广泛的,目前官方只做BUG维护,功能不再新增。 因此一般项目来说,使用1.x版本就可以了,目前终版本:1.12.4 (2016年5月20日)2.x:不兼容ie6、7、8,目前官方只做BUG维护,功能不再新增。如果不考虑兼 容低版本的浏览器可以使用2.x,目前终版本:2.2.4 (2016年5月20日)3.x:不兼容ie6、7、8,只支持新的浏览器。除非特殊要求,一般不会使用3.x 版本的,很多老的jQuery插件不支持这个版本。目前该版本是官方主要更新维护 的版本。目前新版本:3.3.1(2018年1月20日)

    语法

    通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行"操 作"(actions)

    美元符号定义 jQuery选择符(selector)“查询"和"查找” HTML 元素jQuery 的 action() 执行对元素的操作jQuery 和 $ 是JQuery的变量;在后续代码的变量命名中不要使用这两个名称,也不要给这两个变量赋值!!如果覆盖JQuery可能失效 注意: 所有 jQuery 函数位于一个 document的ready事件的回调函数中,这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。如果在文档没有完全加载之前就运行函数,操作可能失败。

    简洁写法(与以上写法效果相同):

    Processed: 0.011, SQL: 8