jQuery基础

简介: jQuery基础

前言

本文讲简单的介绍了jQuery的概念以及基本的使用方法,如果本文对你有所帮助请三连支持博主,你的支持是我更新的动力,先赞后看养成习惯。


以下是本篇文章正文内容

jQuery的简单介绍

jquery的概念

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

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的CSS选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件

运行jQuery所需的条件很简单:一台计算机、一个智能电话或一个可以运行现代浏览器的设备。jQuery对浏览器的要求也相当自由

语言特点

快速获取文档元素

创建AJAX无刷新网页

提供对JavaScript语言的增强

增强的事件处理

更改网页内容

jQuery 安装

可以通过多种方法在网页中添加 jQuery。

从 jquery.com 下载 jQuery 库

从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery

下载的jQuery有两种一种是未压缩的一个是已压缩的,未压缩的适合初学者以及框架的开发 ,压缩的适合单纯的使用,压缩的相比未压缩的所占空间小,在下载所需版本时建议不要使用太高版本的。

jQuery 库是一个 JavaScript 文件,可以使用 HTML 的 <script> 标签引用它

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

jQuery 语法

jQuery是一个升级的dom,它接受一个元素,然后返回一个新的对象。

$是著名的jQuery符号,是变量jQuery的别名。实际上,jQuery把所有功能全部封装在一个全局变量jQuery中

在声明时 使用$ 与jQuery 都是可以的

   window.jQuery; // jQuery(selector, context)
   window.$; // jQuery(selector, context)
   $ === jQuery; /
   typeof($); // 'function'

这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。如果在文档没有完全加载之前就运行函数,操作可能失败

$(document).ready(function(){
   // 开始写 jQuery 代码...
});

简写:

$(function(){
   // 开始写 jQuery 代码...
});

与window.onload=function{}不同的是他可以使用多次, jQuery 的入口函数是在 html 所有标签(DOM)都加载之后,就会去执行,JavaScript 的 window.onload 事件是等到所有内容,包括外部图片之类的文件加载完后,才会执行。

jQuery 事件方法语法

在 jQuery 中,大多数 DOM 事件都有一个等效的 jQuery 方法。

页面中指定一个点击事件:

省略了on

$("p").click(function(){
    // 动作触发后执行的代码!!
});

基本选择器

$("#x") ID选择器

类似于js当中的getElementById 会选择ID为x的元素,但是jq的所有选择器都会产生数组,只是

ID具有唯一性

$(".x") class选择器

类似于js当中的getElementsByClassName 都会产生数组。

$(‘x’) Element选择器

类似于js当中的getElementsByTagName,会选择页面中所有标签名为x的元素

$(’’) 星号选择器

类似于css当中的选择器。选中所有元素为其添加样式

$(’#x, .x, p span’) 组合选择器

在一个选择器当中,使用不同方法选择不同元素 不同方法之间用逗号隔开。

目录
相关文章
|
测试技术 程序员 C++
iOS:项目中无用类检测和无用图片检测汇总
在涉及到项目大改版,或者涉及到某个功能模块大变更,就会涉及到图片废弃和文件废弃的情况。 但是这时候就会遗留下一个很大的问题,没有将废弃的、无用的文件类或资源删除干净。而这次需要对工程代码的无用资源和无用文件进行删除处理,感触颇多,故在此笔记。 首先,感觉很多人的代码习惯还是恶待提高。比如我发现一些人的代码操作习惯,从好到次,可以大略分以下情况
1507 0
iOS:项目中无用类检测和无用图片检测汇总
|
6月前
|
Cloud Native Serverless 开发者
Bolt.diy 一键部署体验:开启创意建站新旅程
今天我来给大家分享一下我最近折腾的有趣玩意儿——Bolt.diy!这玩意儿可真是个宝藏,简直就是创意建站的超强辅助。
139 17
|
存储 弹性计算 安全
阿里云服务器镜像类型怎么选?公共镜像、自定义镜像等镜像区别及选择参考
阿里云服务器镜像包括公共镜像、云市场镜像、自定义镜像、社区镜像、共享镜像,镜像可以满足各类型用户对于应用环境的快速部署、灵活管理的需求。不过有的新手用户并不知道这些镜像之间的区别,因此不知道应该怎么选择,本文为大家介绍一下阿里云服务器各个镜像之间的区别及选择参考。
阿里云服务器镜像类型怎么选?公共镜像、自定义镜像等镜像区别及选择参考
|
IDE 测试技术 开发工具
自动化测试实操案例详解 | Windows应用篇
自动化测试实操案例详解 | Windows应用篇
723 0
|
分布式计算 资源调度 Hadoop
Apache Hadoop入门指南:搭建分布式大数据处理平台
【4月更文挑战第6天】本文介绍了Apache Hadoop在大数据处理中的关键作用,并引导初学者了解Hadoop的基本概念、核心组件(HDFS、YARN、MapReduce)及如何搭建分布式环境。通过配置Hadoop、格式化HDFS、启动服务和验证环境,学习者可掌握基本操作。此外,文章还提及了开发MapReduce程序、学习Hadoop生态系统和性能调优的重要性,旨在为读者提供Hadoop入门指导,助其踏入大数据处理的旅程。
1190 0
|
存储 安全 算法
[笔记]Windows安全之《三》Shellcode
Windows安全之《三》Shellcode
541 0
[笔记]Windows安全之《三》Shellcode
|
消息中间件 设计模式 NoSQL
异步结果通知实现——基于Redis实现,我这操作很可以
前段时间,我在内存中实现了一个简单异步通知框架。但由于没有持久化功能,应用重启就会导致数据丢失,且不支持分布式和集群。今天这篇笔记,引入了 Redis 来解决这些问题,以下是几点理由: 数据结构丰富,支持 List、Sorted Set 等 具有持久化功能,消息的可靠性能得到保证 高可用性,支持单机、主从、集群部署 项目中已使用,接入成本更低 基于 Redis 实现延时队列也有几种方法,展开详细讲讲。
|
机器学习/深度学习 缓存 并行计算
NVIDIA Tesla GPU系列P4、T4、P40以及V100参数性能对比
NVIDIA Tesla系列GPU适用于高性能计算(HPC)、深度学习等超大规模数据计算,Tesla系列GPU能够处理解析PB级的数据,速度比使用传统CPU快几个数量级,NVIDIA Tesla GPU系列P4、T4、P40以及V100是Tesla GPU系列的明星产品,云服务器吧分享NVIDIA Tesla GPU系列P4、T4、P40以及V100参数性能对比:
|
Web App开发 弹性计算 监控
试用阿里云云拨测对Web网站的网页性能进行测试并分析
利用分布于全球的监测网络,以真实终端用户使用场景为视角,提供模拟终端用户体验的拨测服务。 可实现对网络质量、页面性能、端口性能、文件传输、音视频体验等场景进行周期性监控,支持多维度分析性能指标。利用可视化性能数据和告警通知可帮助您及时对业务质量作出反应,保证业务稳定正常运行。
797 0
|
机器学习/深度学习 vr&ar
矩阵的等价,相似,合同,正定判定和关系
如果矩阵可逆,那么它的逆矩阵和它的伴随矩阵之间只差一个系数。然而,伴随矩阵对不可逆的矩阵也有定义,并且不需要用到除法。
矩阵的等价,相似,合同,正定判定和关系