程序员经验分享-hwhale

jQuery简介及简单语法

2023-05-16

什么是 jQuery ？

jQuery是一个JavaScript函数库。

jQuery是一个轻量级的"写的少，做的多"的JavaScript库。

jQuery库包含以下功能：

  • HTML 元素选取
  • HTML 元素操作
  • CSS 操作
  • HTML 事件函数
  • JavaScript 特效和动画
  • HTML DOM 遍历和修改
  • AJAX
  • Utilities

提示： 除此之外，Jquery还提供了大量的插件。

为什么使用 jQuery ？

目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架，而且提供了大量的扩展。

很多大公司都在使用 jQuery， 例如:

  • Google
  • Microsoft
  • IBM
  • Netflix

jQuery 安装

网页中添加 jQuery

可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法：

  • 从 jquery.com 下载 jQuery 库
  • 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery

下载 jQuery

有两个版本的 jQuery 可供下载：

  • Production version - 用于实际的网站中，已被精简和压缩。
  • Development version - 用于测试和开发（未压缩，是可读的代码

引用jQuery 文件：

<head>

<script src="jquery-1.10.2.min.js"></script>

</head>

 

jQuery 语法

通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行"操作"（actions）。

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

基础语法： $(selector).action()

  • 美元符号定义 jQuery
  • 选择符（selector）"查询"和"查找" HTML 元素
  • jQuery 的 action() 执行对元素的操作

实例:

  • $(this).hide() - 隐藏当前元素

  • $("p").hide() - 隐藏所有 <p> 元素

  • $("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素

  • $("#test").hide() - 隐藏所有 id="test" 的元素

文档就绪函数

在jQuery操作文档的时候，我们需要整个网页加载完成以后再去掉用方法，这个时候就需要调用window.onload这个事件，但是在jQuery里面，它有一个专门的函数用来处理这个事件，我们叫文档就绪函数


$(document).ready(function(){
    //整个文档加载完成以后，会自动的执行里面的代码
});
//上面的代码相当于下面的代码
window.onlaod=function(){
    
}

文档就绪函数经常会使用，但是上面的操作也算复杂，这个时候jQuery提供了一种简单的文档就绪函数写法

$(function(){   //代表文档就绪 });

以后所有的jQuery代码基本上都要写在文档就绪函数里面

 

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery简介及简单语法 的相关文章

  • proxmox从6.0升级到6.3

    作者 xff1a 吴业亮 博客 xff1a wuyeliang blog csdn net 删除企业源 rm rf etc apt sources list d pve enterprise list 下载秘钥 wget http mirr

  • ubuntu下qt安装以及环境搭建

    1 下载https download qt io archive qt 2 chmod 43 x qt opensource linux x64 5 14 2 run 3 sudo qt opensource linux x64 5 14

  • ProxmoxVE 之集群安装&ceph集成(引用不加图)

    上次找了一台物理服务器直接安装了一个proxmox VE 环境 xff08 VE是虚拟化环境的意思 xff09 xff0c 后续又看了官方的admin文档 xff0c 对整个系统架构有了一定的了解 xff0c 接下来 xff0c 准备好好研

  • ubuntu安装配置squid进行代理

    前段时间 xff0c 在ubuntu下安装了squid xff0c 进行代理测试 xff0c 现将方法记录如下 xff1a 一 实验环境 两台虚拟机 xff0c 一台为ubuntu xff0c 一台为windows xp 其中 xff0c

  • dos中的变量

    1 0 9 用于获取命令行的参数 2 i用在命令行中的for语句 3 i用在脚本文件中的for语句 4 var 立即扩展变量var的值 5 xff01 var xff01 延迟扩展变量的值 xff08 提前设置 setlocal enabl

  • IDEA实用插件之Spring Assistant——可视化构建SpringBoot项目（社区版专用）

    应用场景 社区版的idea中无法创建spring boot应用 xff0c 旗舰版不存在这方面的问题 社区版要实现创建SpringBoot项目 xff0c 一个途径是通过Spring的官网 xff0c 网页版的spring initiali

  • vue-element-plus-admin整合后端实战——实现系统登录、缓存用户数据、实现动态路由

    目标 整合vue element plus admin前端框架 xff0c 作为开发平台的前端 准备工作 前端选用vue element plus admin xff0c 地址 https gitee com kailong11012013

  • linux下 有线和无线同时工作

    又要使用公司内网收邮件 xff0c 又要使用wifi上外网 为了这个问题 xff0c 百度了下 xff0c 都是抄来抄去的文章 xff0c 好烦 解决方法 xff0c 就是使用route命令 xff0c 修改静态路由表 方法 xff1a 1

  • MySQL监控告警及可视化：Zabbix+Percona PMP实现（Part II）

    MySQL监控告警及可视化 xff1a Zabbix 43 Percona PMP实现 xff08 Part II xff09 PMP插件安装PMP监控脚本配置Web界面导入PMP模板 服务器清单如下 xff1a 服务器IP配置OS版本服务

  • 引用远程资源库中不存在的jar包，相关问题及解决方案

    问题背景 项目中需要用到远程资源库中不存在的jar包 xff0c 将jar包放在项目目录下 xff0c 并用 lt systemPath gt 的方式引用 xff0c windows系统本地调试的时候没问题 xff0c 部署到Linux能成

  • 彻底解决 error: Unable to find vcvarsall.bat

    1 windows上做Python开发 xff0c 搭环境还真不比Linux容易 error Unable to find vcvarsall bat这个错误眼熟吧 xff1f 凡是安装和操作系统底层密切相关的Python扩展 xff0c

  • ubuntu下解决微信不能发送图片的问题

    安装sudo apt install libjpeg62 i386 xff0c 可以解决ubuntu下不能发送微信截图的问题

  • dpkg安装deb缺少依赖包的解决方法--Ubuntu 16.04 LTS 安装网易云音乐

    一 去网易云音乐官网下载对应的安装包 我下载的是netease cloud music 1 0 0 2 amd64 ubuntu16 04 deb 二 开始安装 sudo dpkg span class hljs attribute i s

  • 个人号微信机器人API接口

    发送APP类消息 和发送小程序是同一个接口 xff0c 此接口可发送xml中包含appmsg的消息 xff0c 例如 xff1a 短视频 xff0c 直播 xff0c 音乐 xff0c 第三方APP等 请求URL xff1a http 域名

  • Fiddler抓包(下载安装及使用)

    一 下载安装 1 下载 官网链接 xff1a https www telerik com Fiddler Classic xff08 经典版 xff09 xff0c 这个版本是免费的 xff0c 不过只能在Windows上使用 Fiddle

  • URL&HTTP协议详解

    URL xff1a 统一资源定位符 这就意味着我们可以通过URL的方式去访问的资源 xff08 接口 xff09 URI xff1a 统一资源标识符 是一种抽象的概念 xff0c 本身没有具体去实现 一 URL URL是实现接口访问的第一步

  • CentOS7学习笔记（安装配置到常用命令）

    一 下载安装 访问linux org xff0c 选择centos xff0c 找到centos对应版本的镜像网站下载 新建虚拟机 安装 xff1a 语言默认英文 xff0c 最好不要改动 xff0c 不然有可能会有乱码问题 时区选择sha

  • Microsoft 365自定义安装，卸载Access、Publisher、Skype

    买电脑送的Office 2019只有Word Excel PowerPoint三件套 xff0c 一般情况都是够用的 xff0c 可以前往Microsoft 帐户 服务和订阅中下载一键安装 但是拥有Microsoft 365 xff08 原

  • Vimium如何使用

    Vimium是什么 vimium是一款支持全键盘操作浏览器的扩展 可以尽可能的解放鼠标 有一定的学习成本 xff0c 对本就拥有vim使用经验的人来说上手更容易 支持Chrome Edge Firefox 使用流畅后可以大大的提升浏览器的使

  • Linux 文件系统

    Linux 文件系统以及常见命令 Linux 文件系统block 与 inode文件类型权限目录树挂载 管道啥是管道管道的分类管道的实质 Linux 文件系统 在 Linux 中一切皆文件 xff0c 不仅仅是平时所使用的 txt pdf

随机推荐

  • 利用栈判断一个字符串是否为回文串

    include lt stdio h gt include lt string h gt 利用栈判断一个字符串是否为回文串 int main char a 101 s 101 int i len mid next top gets a 读入

  • Mysql 8.0 MGR部署限制和环境要求

    在mysql 8 0版本中 xff0c mgr功能进行了很大的改善和增强 xff0c 如果要部署组复制的服务器 xff0c 实例必须满足以下条件 xff1a 基础设置 xff1a 1 InnoDB存储引擎 disabled storage

  • ubuntu下安装vmware

    1 下载vmware xff0c https www vmware com cn products workstation pro workstation pro evaluation html 2 下载的vmware放到家目录下 3 ch

  • 使用devenv/MSBuild在命令行编译单个project

    一 使用devenv来build单个project devenv是VisualStudio的可执行程序 xff0c 一般安装在 C Program Files x86 Microsoft Visual Studio 10 0 Common7

  • 解决ROS常遇到的Couldn’t find executable named报错解决

    解决办法 xff1a 将执行文件打开权限允许作为程序执行文件

  • ubuntu下QtCreator启动无响应问题解决

    QtCreator正常使用 xff0c 系统重启后一打开就卡死 xff0c 无响应状态 xff0c 重装也没用 xff0c 查了半天才解决 解决方法 xff1a 删除系统配置目录下的QtProject文件夹 具体实施 xff1a 1 fin

  • PTA 数据结构 6-2 顺序表基本操作

    6 2 顺序表基本操作 xff08 10 分 xff09 本题要求实现顺序表元素的增 删 查找以及顺序表输出共4个基本操作函数 L是一个顺序表 xff0c 函数Status ListInsert Sq SqList amp L int po

  • Typora 的 markdown 语法

    Typora 的 markdown 语法 1 标题 使用简单的 ctrl 43 数字键 就可以快速完成各种级别的标题 也可以使用 表示一级标题 xff0c 表示二级标题 xff0c 以此类推 xff0c 有6个标题 2 下划线 ctrl 4

  • css弹性布局和相关属性

    弹性布局 弹性布局主要是解决移动端的问题 xff0c 但是并不代表它不能适用于PC端 xff0c 它最重要的技术就是一个叫弹性盒子 xff08 flexbox xff09 的东西 弹性盒子最主要的几个属性如下 display flex 这个

  • CSS动画

    CSS动画 CSS3的动画属性 下面的表格列出了 64 keyframes 规则和所有动画属性 xff1a 属性描述CSS 64 keyframes规定动画 3animation所有动画属性的简写属性 xff0c 除了 animation

  • JavaScript简介

    JavaScript 它是一种脚本语言 xff0c 提供页面与用户的交互途径 xff0c 主要包含三个方面的东西 ECMAScript ES 它主要是用来定义JavaScript的语法规范 xff0c 现在主流的版本是5 1 后期的主要部分

  • JavaScript 输出 语法

    JavaScript 显示方案 JavaScript 不提供任何内建的打印或显示函数 JavaScript 能够以不同方式 显示 数据 xff1a 使用 window alert 写入警告框使用 document write 写入 HTML

  • JavaScript 条件语句

    JavaScript 条件语句 条件语句 通常在写代码时 xff0c 您总是需要为不同的决定来执行不同的动作 您可以在代码中使用条件语句来完成该任务 在 JavaScript 中 xff0c 我们可使用以下条件语句 xff1a if 语句

  • JavaScript 循环

    JavaScript 支持不同类型的循环 xff1a for 循环代码块一定的次数for in 循环遍历对象的属性while 当指定的条件为 true 时循环指定的代码块do while 同样当指定的条件为 true 时循环指定的代码块 F

  • android系统logcat日志重定向到kernel，可以通过串口来输出

    修改system core rootdir init rc chmod 0660 sys power wake lock chmod 0660 sys power wake unlock 43 chmod 0660 proc kmsg St

  • JavaScript 数组知识图

  • javascript DOM 知识图

    HTML DOM 文档对象模型 当网页被加载时 xff0c 浏览器会创建页面的文档对象模型 xff08 Document Object Model xff09 主要目的就是把网页里面的元素当成对象一样支配 HTML DOM 定义了用于 HT

  • JavaScript 能够改变页面中的所有 HTML 元素

    JavaScript 能够改变页面中的所有 HTML 元素 改变 HTML 输出流 JavaScript 能够创建动态的 HTML 内容 xff1a 在 JavaScript 中 xff0c document write 可用于直接向 HT

  • audio 音频标签的使用 及实例

    audio 音频标签的使用 属性值描述autoplayautoplay如果出现该属性 xff0c 则音频在就绪后马上播放 controlscontrols如果出现该属性 xff0c 则向用户显示音频控件 xff08 比如播放 暂停按钮 xf

  • jQuery简介及简单语法

    什么是 jQuery xff1f jQuery是一个JavaScript函数库 jQuery是一个轻量级的 34 写的少 xff0c 做的多 34 的JavaScript库 jQuery库包含以下功能 xff1a HTML 元素选取HTML

热门标签