jQuery的使用

最新推荐文章于 2024-09-13 10:46:15 发布
最新推荐文章于 2024-09-13 10:46:15 发布
阅读量541 收藏 12
点赞数 11
文章标签： jquery 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_73576751/article/details/136881205
版权
本文介绍了jQuery的基础概念，包括其作为JavaScript库的特点，提供下载链接和CDN引入方法。详细讲解了jQuery的安装步骤，基础语法、实例演示，以及页面加载事件和选择器的区别与种类。
摘要由CSDN通过智能技术生成

jQuery的使用

一、jQuery

1.什么是

1、jQuery是一个JavaScript函数库。
2、jQuery是一个轻量级的"写的少，做的多"的JavaScript库。
3、jQuery库包含以下功能：HTML 元素选取、HTML 元素操作、CSS 操作、HTML 事件函数、JavaScript特效和HTML DOM 遍历和修改。

二、jQuery的安装

1.去官网直接下载

https://jquery.com/download/
在这里插入图片描述

2.通过cdn的格式引入

在这里插入图片描述

三、jQuery语法

1.基础语法

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

2.实例

  • 实例中的所有jQuery函数位于一个document.ready函数中
$(document).ready(function(){
	//开始写jQuery代码...
})
  • 简写写法（与以上写法效果相同）
$(function(){
	//开始写jQuery代码...
})

3.jQuery页面加载事件和js页面加载事件的区别

  • js中的页面加载事件只能写一个,写多个后面覆盖前边的
  • jquery页面加载事件可以写多个，都会执行，不会进行覆盖
  • js的入口函数是浏览器加载完成之后，也就是外部静态文件（图片、样式、脚本、json等）都要加载完成才能执行
  • Query入口函数就是document（dom元素）加载完成后即可执行
  • js入口函数不能简写，jQuery入口函数可以简写

4.jQuery中的选择器

jQuery中的选择器分为：基本选择器、层级选择器、过滤选择器、筛选选择器

  • 基本选择器
    在这里插入图片描述

  • 层级选择器
    在这里插入图片描述

  • 过滤选择器
    在这里插入图片描述

  • 筛选选择器
    在这里插入图片描述
    在这里插入图片描述

"淸伱吃糖"
关注
jQuery的基本使用方法
qq_52990325的博客
07-30 1万+
jQuery基本使用
通过jquery 使用 i18n，实现多语言
﹏゛Aeljinh陌琳的博客
09-11 4587
1.引入jquery 2.引入jquery.i18n.properties.js 3.创建common_zh.properties和common.properties文件 （ 如果使用 common.properties文件英文没反应，可以修改为common_en.properties） ##common_zh.properties Contact = 中文 Contact1 = 注册问题，请查阅 <a>用户支持页面</a>. ##common.properties Contac
jQuery使用（超详细）
Eliauk_Doubling的博客
08-12 2万+
会把这个dom对象转换成jQuery对象,即 [object HTMLSpanElement] ======> [object Object]* 4.传入参数为[DOM对象]时，将DOM对象包装为jQuery对象返回。* 2.传入参数为[HTML字符串]时，根据这个字符串创建元素节点对象。* 3.传入参数为[选择器字符串]时，根据这个字符串查找元素节点对象。*1. 传入参数为[函数]是，在文档加载完成以后执行这个函数。jQuery对象的本质时dom对象的数组+jQuery提供的一系列的功能函数。
Echarts 结合 JQuery使用
beinlai123的博客
08-12 4977
在对Echarts进行初始化的时候，以下3句等效： //var pieChart=echarts.init(document.getElementById(“pieChart”)); //var pieChart=echarts.init(KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲pieChart")[0]);…("...
jQuery使用$jq.html()无效时，的原因
qq_40128591的博客
12-07 4184
有时我们在外部文件js中使用jq.html()无效？ 原因：当我们使用$(#id).html()无效，根本没有把想要的dom选然进去，其实是因为你的页面没有加载完成，就已经执行了js代码， 解决方法:我们在js文件中使用等待页面加载完成时执行代码就可以了。 jq可以加：$(function(){//这里面写你的程序代码})，或者:onload = function(){ //这里写逻辑代码 } ...
jquery websocket 使用
随记
08-02 1万+
下载地址： https://code.google.com/archive/p/jquery-websocket/source修改为：(function($){ $.extend({ websocketSettings: { open: function(){}, close: function(){}, message: function(
怎样在vue中使用jquery
热门推荐
weixin_45932157的博客
04-15 2万+
在vue中使用jquery的方法：首先通过cnpm命令安装jQuery依赖；然后修改“webpack.base.conf”文件配置；最后在组件中引入jquery进行使用即可。 一、安装jQuery依赖 在使用jQuery之前，我们首先要通过以下命令来安装jQuery依赖： npm install jquery --save //如果你更换了淘宝镜像，可以使用cnpm来安装，速度更快 cnpm install jquery --save 二、修改配置文件 完成安装jQuery依赖之后，我们要修改 w
jquery使用canvas的问题
kevin_cyj的博客
05-09 5281
使用jquery控制canvas的时候会出现一些问题，var cas=document.getElementById('canvas').getContext('2d');//这个是使用JavaScript的方法，这个没有问题。 //下面是使用jquery的方法操控canvas。$(document).ready(function(){ var cas=$('#canvas').get
在 vue 中使用 jquery 方法
sywdebug的博客
05-31 6692
在 vue.config.js 中配置。使用以下命令安装 jquery。在需要使用的页面中引入即可使用。
JQuery使用load方法加载外部div时，css，js无效的办法
jacobzhuo的博客
08-24 7635
JQuery使用load方法加载外部div时，css，js无效的办法 问题： 一个html页面a.html的js脚本中，用$(‘selector’).load方法，加载另一个html页面b.html中内容，b.html中css、js都失效。 解决办法一： 第一步：在a.html的js脚本中，使用load加载全部b.html，这样b.html中的js脚本便会生效，即： ...
jquery使用经验小结
10-24
在本文中，作者通过个人使用jQuery的实践经验，总结出了五个重要知识点，让我们一起来探讨一下这些知识点的具体内容。 1. jQuery对象与原生DOM对象的互转 在使用jQuery时，我们经常会遇到需要在jQuery对象和原生DOM...
jQuery使用jsonp实现百度搜索的示例代码
10-15
主要介绍了jQuery使用jsonp实现百度搜索，文中示例代码非常详细，帮助大家更好的理解和学习，感兴趣的朋友可以了解下
NetCore Jquery使用AJAX POST方式下载Excel文件
08-24
NetCore Jquery使用AJAX POST方式下载Excel文件
jQuery使用手册之一
01-19
 jQuery是一款同prototype一样优秀js开发库类，特别是对css和XPath的支持，使我们写js变得更加方便！如果你不是个js高手又想写出优 秀的js效果，jQuery可以帮你达到目的！ 下载地址：Starterkit ...
jQuery使用方法
12-12
使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()(简写为$)，然后得到被选中的元素。 选择表达式可以是CSS选择器： $(document)//选择整个文档对象 $('#myId')//选择ID为myId的网页元素 $('...
构建高效 Python Web API：RESTful 设计与 GraphQL 实践
weixin_52392194的博客
09-11 1293
在现代 Web 开发中，API 是前后端通信的核心枢纽，设计一个高效且易于扩展的 API 是保证系统良好运行的基础。本文详细探讨 RESTful API 的设计准则，如何生成 API 文档，GraphQL 的应用，以及如何在 FastAPI 和 Django REST Framework 中实现分页、过滤、认证等功能。
（微服务项目）新闻头条——Day1
最新发布
weixin_73253843的博客
09-13 791
（微服务项目）新闻头条——Day1
2024伊语IM即时通讯源码/im商城系统/纯源码IM通讯系统安卓+IOS前端纯原生源码
翎风世界
09-10 667
2.4 node安装wget "https://nodejs.org/dist/v12.18.3/node-v12.18.3-linux-x64.tar.xz"资料参考地址：https://www.1234f.com/sj/GitHub/qtym/20240910/677.html。源码下载地址：https://www.123pan.com/s/LA1bVv-5l5Vv。备用下载地址：http://pan.1234f.com:5212/s/5PrS4。api.xxx.com接口。im.xxx.com通讯。
react 基础语法
小白小白从不日别的博客
09-13 1446
React 官方中文文档目前前端最流行的是三大框架：Vue、React、Angularreact是一个用于构建用户界面的 JavaScript 库react官网(Reactreact中文网(React 官方中文文档React 是一个用于构建用户界面（UI，对咱们前端来说，简单理解为：HTML 页面）的 JavaScript 库Vue 是一个渐进式的 JavaScript 框架如果从mvc的角度来看，React仅仅是视图层（V）的解决方案。也就是只负责视图的渲染，并非提供了完整了M和C的功能。
jQuery.pdf中文版：全面解析jQuery使用与特效
"jQuery.pdf（中文版）是一份详细的jQuery使用指南，涵盖了jQuery的基本操作和特效制作，适合Web开发者学习和参考。" jQuery是JavaScript库，它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。这份中文...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值