jQuery 是什么,它能为我们做什么?如果你是一名 Web 开发人员,写过 JavaScript 程序,那么你很可能正在使用 jQuery,即使没有试用过,至少也听说过,事实上 jQuery 可以说是现阶段最流行的 JavaScript 库。据有关部门统计,全球网站上面,约有 28% 的网站在使用 jQuery,这个数字可能有些夸张,但足见 jQuery 受欢迎的程度。本文仅对 jQuery 的使用方法作简单介绍,且作为一个入门教程吧。

jQuery 是一个快速、简洁的 JavaScript 库,其设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。


jQuery的使用十分简单,只需引入 jQuery 文件就可以执行下一步操作。下面来看三种jQuery基本使用方法。

jQuery 的入口函数
·
jQuery加载DOM函数有以下两种方法:

1.等着 DOM 结构渲染完毕即可执行内部代码,不必等到所有外部资源加载完成,jQuery 帮我们完成了封装。

2.相当于原生 js 中的 DOMContentLoaded。

3.不同于原生 js 中的 load 事件是等页面文档、外部的 js 文件、css文件、图片加载完毕才执行内部代码。

4.更推荐使用第一种方式。

jQuery 的顶级对象 $

1.$ 是 jQuery 的别称,在代码中可以使用 jQuery 代替 $,但一般为了方便,通常都直接使用 $ 。

2.$ 是jQuery 的顶级对象, 相当于原生JavaScript中的 window。把元素利用$包装成jQuery对象,就可以调用jQuery 的方法。

DOM 对象与 jQuery 对象之间是可以相互转换的

因为原生js 比 jQuery 更大,原生的一些属性和方法 jQuery没有给我们封装. 要想使用这些属性和方法需要把jQuery对象转换为DOM对象才能使用。

1.DOM 对象转换为 jQuery 对象: $(DOM对象)

2. jQuery 对象转换为 DOM 对象(两种方式)

web前端基础教程_4天从零玩转jQuery

前端基础必备教程|jQuery网页开发案例精讲

jQuery 初学者入门教程相关推荐

  1. 【linux视频教程整套共25个视频】Linux初学者入门教程 .

    [linux视频教程整套共25个视频]Linux初学者入门教程 视频内容 1.Linux系统安装(一) 2.Linux系统安装(二) 3.Linux系统安装(三) 4.Linux系统安装(四) 5.远 ...

  2. 基于jquery插件开发入门教程

    鉴于最近要使用大量的jquery,所以总有一种捣鼓文字来抒发一下情绪的冲动.思前想后就来篇jquery插件开发入门教程吧,毕竟如果不想开发插件,那自己无论用别人的插件多牛逼,最多只是js的使用者,作为 ...

  3. 微信小程序云开发 初学者入门教程二

    微信小程序云开发 初学者入门教程二-前端操作数据库模块 如何操作数据库,作为一名前端,如果对数据的知识不够熟悉也没关系,从现在开始好好学习就行,数据库的操作内容差不多涉及增删改查四大模块,花一些业余的 ...

  4. jQuery 快速入门教程

    内容目录 jQuery 入门 什么是jQuery 如何使用jQuery jQuery的运行原理 如何选择jQuery版本 ready() 准备就绪时执行代码 jQuery 核心:选取元素 使用jQue ...

  5. 开发者必读jQuery Mobile入门教程

    你每天都会对着它讲话,和它玩游戏,用它看新闻--没错,它就是你裤兜里的智能手机.android,黑莓还是iphone?为了让你清楚意识到究竟哪些才算是智能手机,我在下面总结了一个智能手机系统/设备的列 ...

  6. jQuery Mobile 入门教程

    jquerymobile:http://jquerymobile.com/themeroller/ jquerymobile.com/demos/1.2.0:http://jquerymobile.c ...

  7. jQuery Mobile 入门教程[转]

    本文转自: http://www.cnblogs.com/yuzhongwusan/archive/2011/11/24/2261571.html 原作:Getting started with jQ ...

  8. WordPress初学者入门教程-WordPress的网页

    原文  WordPress的网页 - wordpress中文 在我们开始深入研究WordPress的内部工作原理并建立我们的网站之前,我需要先谈谈网页,因为WordPress做事情的方式让很多人感到困 ...

  9. 素描初学者入门教程素描高手分享经…

    素描是什么东西就不说了,说了也没有用-- 画人物,我觉得必须从几何开始,可以跳过静物,石膏同理,因为可以把人脸分解和统一成基本的几何物体,好像结婚一样,可以先斩后奏的--我想新手们点字把它读完后,多多 ...

最新文章

  1. NAC网络访问控制,你需要知道的!
  2. DPDK报文转发(四)
  3. bnu 34986 Football on Table(数学+暴力)
  4. Elasticsearch之如何合理分配索引分片
  5. 对html2canvas的研究
  6. python 手机编程termux_如何优雅的在手机上进行Python编程?
  7. Spring MVC小DEMO
  8. 「leetcode」235. 二叉搜索树的最近公共祖先:【递归】【迭代】详解
  9. java认证考试例题_2016年Java认证考试题(3)
  10. 堆积柱形图显示总数_excel堆积柱形图如何显示总数
  11. 瞬时功率与有功功率计算公式
  12. python梯形公式面积_梯形面积公式
  13. 发布 PAIRED:一种生成对抗环境的全新多智能体方法
  14. Android 读取本地图片文件和读取图片的uri
  15. TI达芬奇系列TMS320DM8168浮点DSP C674x + ARM Cortex-A8高性能视频处理器,用于视频基础设施
  16. python中θ符号怎么打出来_怎么打特殊符号
  17. 一文看懂BDTC 2018:探秘大数据新应用(附PPT下载)
  18. 百家姓128进制数的除法运算
  19. 2020网鼎杯pwn
  20. Docker容器不识别宋体等字体问题

热门文章

  1. 我国三大常用坐标系区别(北京54、西安80和WGS-84)(转)
  2. Acwing 378.骑士放置(二分图的最大独立集)
  3. 【MySQL学习笔记】MySQL原理---单表查询
  4. MPLAB IDE V8.8进行程序烧写
  5. 结果导向和测试驱动(转)
  6. MySQL基础之多表查询
  7. (C)problem1:C语言阶乘求和
  8. 自定义组件中添加其他组件-1 83课 左边部分,右边部分的测试
  9. 移动端vConsole查看控制台信息
  10. FXO和FXS的含义