认识jQuery

简介: 认识jQuery

什么是jQuery

jQuery就是一个js库,使用jQuery的话,会比使用JavaScript更简单。

1.1$和jQuery

jQuery文件就是一个自执行函数,也就是自执行文件,这个自执行文件就是给window对象添加一个jQuery属性和$属性($和jQuery是等价的,$是一个函数。)。

1.1.1$参数传递不同,效果也不同:

        如果参数传递的是一个匿名函数,那$就是一个入口函数。 例:$(function() { });

        如果参数传递的是一个字符串,那$就是一个选择器或是创建标签。

             

例:$("#test1")
例:$('<div>略略略</div>')

        如果参数是一个dom对象,那$会把dom对象转化为jQuery对象。

1.1.2jQuery使用方法

1.引入jQuery文件

本地引入:从官网下载jQuery文件,放到js文件中,再进行引用。

                jquery.js:未压缩版本(开发版本),代码可读性高,推荐在开发和学习阶段使用,方便查看源代码。

               jquery.min.js:压缩版本,去除了注释、换行、空格、并且将一些变量替换成了a,b,c之类的简单字符,基本没有可读性,推荐在项目生产环境使用,因为文件较小,减少网络压力。

在线引用:引入在线jQuery文件。

           

例:<script src="jquery-1.11.1.js"></script>
2.jQuery入口函数
方法一:$(document).ready(function () {  });
方法二:$(function() {  });

jQuery入口函数可以有多个,并且不会发生覆盖的情况。jQuery的入口函数只会等待文档树加载完成就开始执行,并不会等待图片、文件的加载。

3.功能实现

例:

$("#btnShowDiv").click(function () {
$("div").show(1000);
});
4.jQuery特性

隐式迭代:jQuery的隐式迭代会对所有的DOM对象设置相同的值,但是如果我们需要给每一个对象

设置不同的值的时候,就需要自己进行迭代了。

链式编程:在于一个方法返回的是一个jQuery对象,既然是jQuery对象就可以继续点出jQuery的方法

来(选择器-方法-选择器-方法)。

相关文章
|
JavaScript 前端开发 API
【前端用法】jQuery在线引用地址(全)
【前端用法】jQuery在线引用地址(全)
3369 0
|
算法 调度
详解操作系统的调度
详解操作系统的调度
1464 0
|
4月前
|
人工智能 算法 自动驾驶
能力第一!阿里云稳居IDC混合云AI智算平台评估领导者象限
近日,国际权威研究机构IDC,发布《IDC MarketScape:中国混合云AI智算平台2025年厂商评估》报告,基于战略与能力双维度对相关厂商进行评估。阿里云凭借大规模智算集群实践经验、全栈AI技术能力、开放协同的生态体系优势,稳居领导者象限。
692 0
|
5月前
|
Web App开发 监控 安全
域名拦截检测攻略:早排查早规避,守住业务流量与收益【域名安全指南】
本文围绕域名拦截检测展开,核心介绍域名拦截的 4 类常见类型(安全软件 / 浏览器、社交平台、DNS / 解析、运营商 / 地区拦截)、2 类实用检测方法(命令行检测、人工验证)、6 类拦截原因及 4 步快速解除方案,强调建立 “定期检测 + 应急处理” 机制的重要性,同时为缺乏备案资源、频繁被拦截的运营者提供二级域名租用解决方案,帮助运营者提前规避拦截风险,减少流量与业务损失。
|
JavaScript 前端开发 API
【前端用法】jQuery在线引用地址(全)
【前端用法】jQuery在线引用地址(全)
1448 0
|
6月前
|
人工智能 监控 JavaScript
5分钟吃上AI龙虾!OpenClaw 1分钟云上/本地部署+免费多模型配置喂饭级教程(MiniMax、Claude、阿里云百炼)
在AI工具层出不穷的2026年,OpenClaw(昵称“龙虾AI”)凭借“真执行、强隐私、高扩展”的核心优势脱颖而出。这款由PSPDFKit创始人Peter Steinberger打造的开源个人AI助手,彻底打破了传统AI“只聊天不做事”的局限——它能像真人员工一样处理邮件、管理日程、订机票、写代码,甚至监控文件夹自动备份,所有数据本地处理,隐私完全可控。更重要的是,它支持MiniMax、Claude、阿里云百炼等多类大模型自由切换,兼容飞书、微信、Telegram等主流聊天工具,搭配100+可扩展技能,成为兼顾实用性与隐私性的首选AI工具。
4351 1
|
9月前
|
人工智能 运维 安全
GPT-5.2 Codex来了:能独立跑7+小时的AI程序员,老金手把手教你玩转
OpenAI发布GPT-5.2 Codex,支持异步自主编程,7小时持续任务不断线。采用上下文压缩技术,胜任复杂重构与安全审计。对比Claude Code的同步交互,Codex更像远程员工,适合甩手任务。Plus用户可免费体验,API性价比高,配合本地工具高效开发。
GPT-5.2 Codex来了:能独立跑7+小时的AI程序员,老金手把手教你玩转
|
9月前
|
分布式计算 Serverless 数据处理
活动报名 | Apache Spark Meetup · 上海站,助力企业构建高效数据平台
2025年12月20日,上海 · 阿里巴巴徐汇滨江园区,Apache Spark Meetup 助力企业构建高效数据平台,欢迎报名!
活动报名 | Apache Spark Meetup · 上海站,助力企业构建高效数据平台
|
11月前
|
Python
Python编程:运算符详解
本文全面详解Python各类运算符,涵盖算术、比较、逻辑、赋值、位、身份、成员运算符及优先级规则,结合实例代码与运行结果,助你深入掌握Python运算符的使用方法与应用场景。
591 3
|
人工智能 Java 开发者
豆包MarsCode “一键Apply”功能测评:编程效率革新利器
豆包MarsCode的“一键Apply”功能旨在提升开发者编程效率,通过AI自动生成和应用代码,简化重复操作、精准修复错误、助力新项目开发及快速生成注释。安装插件后,在VSCode中与AI对话生成代码并点击Apply按钮即可完成应用,过程流畅高效。适用于C++、Java、Python等多语言环境,极大节省开发时间,降低手动操作风险。无论是资深开发者还是新手,都能从中受益,显著提升编程体验。
1629 9

热门文章

最新文章