【jQuery】第三课——初步认识jQuery，掌握jQuery基本语法

最新推荐文章于 2022-05-08 20:01:23 发布
最新推荐文章于 2022-05-08 20:01:23 发布
阅读量1.2k 收藏 5
点赞数 3
CC 4.0 BY-SA版权
分类专栏： 使用jQuery简化客户端开发 文章标签： DOM模型 配置jQuery环境 jQuery语法结构
版权声明：王迪
本文链接：https://blog.youkuaiyun.com/dnruanjian/article/details/95446524
本文详细介绍了jQuery的用途、优势，以及如何配置和使用jQuery。从下载jQuery库到在页面中引入，再到掌握基本语法，包括$(document).ready()方法和jQuery选择器、方法的使用。通过实例展示了jQuery如何简化DOM操作，如添加CSS样式、处理事件。同时，文章还探讨了jQuery对象与DOM对象的转换，强调了良好的代码风格和使用jQuery提高开发效率的重要性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

知识点：熟练搭建jQuery开发环境、掌握jQuery语法、掌握DOM模型、会进行jQuery对象与DOM对象的相互转换，会使用ready()方法加载页面，会使用addClass()方法为元素添加CSS样式、会使用css()方法为元素添加CSS样式、会使用next()方法获取元素。

 

1、 jQuery 简介

        jQuery 是一个 JavaScript 库，把我们常用的一些功能进行了封装，方便我们来调用，提高我们的开发效率，极大地简化了 JavaScript 编程。jQuery 很容易学习。

1.1   jQuery和Javascipt的区别：

  •  Javascript是一门编程语言，我们用它来编写客户端浏览器脚本。
  •  jQuery是javascript的一个库，包含多个可重用的函数，用来辅助我们简化javascript开发。
  •  jQuery能做的javascipt都能做到，而javascript能做的事情，jQuery不一定能做到。

1.

了解本专栏 订阅专栏 解锁全文 超级会员免费看
【jQuery】第四课——掌握jQuery选择器的使用，会使用jQuery选择器获取元素
王迪
09-08 2511
知识点：了解jQuery选择器的基本概念及优势、能够使用不同的jQuery选择器选取元素，比如基本选择器、层次选择器、属性选择器、基本过滤选择器、可见性过滤选择器的使用，了解使用jQuery选择器的注意事项。 页面的任何操作都需要节点的支撑，开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的，让开发者可以更少的处...
jquery引用文件——jquery.js
11-25
jQuery的语法以"$"开头，如`$(selector)`表示选择元素。例如，选择所有`<p>`元素： ```javascript $('p').css('color', 'red'); // 设置所有段落字体颜色为红色 ``` jQuery还提供了许多方法，如`.append()`...
jQuery基本语法
dichengpai8268的博客
10-12 799
一、jQuery基础1.为什么要用jquery？ 写起来简单，省事，开发效率高，兼容性好2、什么是jQuery? jQuery是一个兼容多浏览器的JavaScript库（类似python里面的模块）3、如何使用jQuery？ 1、导入 <script src="jquery-3.2.1.js"></script> 或者<...
jQuery语法介绍
weixin_34384915的博客
08-24 163
jQuery类似于Python中模块的概念,是集成了javaScript和Dom的模块.大致分为两种版本1.12....或者2....的版本,由于2以上的版本去掉了IE9以下的兼容性,所以我们一般写页面使用1.12XXX的版本.jQuery的语法很多,jQuery API 中文在线手册 jQuery1.12.4下载地址 查找 选择器 id选择器 根据给定的ID匹配一个元素。 使用任何的元字符（如 ...
JQuery基本语法
hellosmu的博客
08-30 405
JQuery基本语法：$(selector).action() //例如： $(this).hide() -隐藏当前对象 //页面加载完成后调用function中的处理 $(document).ready(function(){ alert("文档加载完毕时显示这句话"); }); //点击时隐藏p元素 $(document).ready(function(){ $("p").click(f
Jquery的基本语法
我的Object Lift
11-11 601
jquery语法 文章分类:Web前端 原文：http://www.webjx.com/JavaScript/20071109/javascript_js_866_3.html 1、关于页面元素的引用 　　通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用do
jQuery图片轮播插件——前端开发必看
10-22
总结来说，本篇文章详细介绍了如何使用jQuery来实现一个基本的图片轮播插件。通过HTML、CSS和JavaScript的结合，可以实现一个具有前后切换按钮、自动播放功能的轮播图，适用于各类网页设计和内容展示。虽然jQuery...
初探jquery——表单应用范例
10-31
### 初探jQuery——表单应用范例 #### 一、引言 随着Web开发技术的不断进步，jQuery作为一种轻量级的JavaScript库，在前端开发领域占据着举足轻重的地位。它简化了许多复杂的DOM操作，并提供了丰富的插件支持，...
jquery的基本语法
weixin_45193791的博客
04-12 1892
js对象：js语法获取的页面标签对象称为js对象。js对象可以转换成jquery对象。 var a = document.getElementById("d1") js对象转换成jquery对象的方法 function a() { var a = document.getElementById("d1") //将js对象转换成jquery对象 alert($(a)) } jquery对象：jquery语法获取的页面标签称为jquery对象
jquery一些基本的语法
majunzhu的博客
05-05 563
基本选择器$("#id")        id选择器$("tagName")    标签选择器，返回数组   $(".class")     类选择器，返回数组   $("*")          选择文档中的所有的元素$("E.C")   选择样式名称为C的E标记$("E#I")   选择id为I的E标记层叠选择器$("E,F")   选择所有E元素和所有F元素（并集
jquery基本语法（一）
weixin_30496431的博客
03-19 268
https://www.cnblogs.com/haiyan123/p/7657151.html 一、jQuery基础1.为什么要用jquery？ 写起来简单，省事，开发效率高，兼容性好2、什么是jQuery? jQuery是一个兼容多浏览器的JavaScript库（类似python里面的模块）3、如何使用jQuery？ 1、导入 <script src="jque...
jquery基本语法
weixin_30917213的博客
09-22 156
$(this).hide() 演示 jQuery 的 hide() 函数，隐藏当前的 HTML 元素。$("p").hide() 演示 jQuery 的 hide() 函数，隐藏所有 <p> 元素。$(".test").hide() 演示 jQuery 的 hide() 函数，隐藏所有 class="test" 的元素。$("#test").hide() 演示 ...
jQuery的基础语法
qq_45619439的博客
11-20 455
这里写自定义目录标题标题# 欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 标题...
jQuery框架_01_快速入门
weixin_48672332的博客
06-24 232
jQuery框架_01_快速入门 jQuery简介 jQuery 是一个 JavaScript 库(定义好的一个 JS 文件，内部封装了很多功能，可以大大简化 JS 操作步骤，提高开发效率，使用前先用<script>导入文件)。 程序员只需要编写一套代码 ，就可以无差异的运行在所有的浏览器上。(同一段JS代码在不同的浏览器上执行效果是有差异的，可能会针对不同浏览器编写不同js代码) 基本语法 jQuery对象与js对象之间的转换 JS对象无法使用JQ对象中方法，如果JS对象需要使用JQ对象中
jQuery 基础语法
abc689101的博客
05-08 530
1、jQuery，一个JavaScript库，极大地简化了 JavaScript 编程，很容易学习。它是一款同prototype、Note.js等一样优秀的js开发库类，特别是对css和XPath的支持，使我们写js变得更加方便！ 2、美元符号定义 jQuery  选择符（selector）"查询"和"查找" HTML 元素  jQuery 的 action() 执行对元素的操作 3、所有 jQuery 函数位于一个 document ready 函数中，这是为了防止文档在...
jQuery--基本语法
归子莫的博客
07-11 719
jQuery--基本语法 博客说明 文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！ 语法 jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。 基础语法： $(selector).action() $ 美元符号定义 jQuery 选择符（selector）"查询"和"查找" HTML 元素 jQuery 的 action() 执行对元素的操作 例如 //隐藏当前元素 $(thi
jQuery基础语法
OpenWorld1的博客
10-20 660
jQuery基础语法一、基础语法是：$(selector).action()  美元符号定义 jQuery  选择符（selector）“查询”和“查找” HTML 元素  jQuery 的 action() 执行对元素的操作二、jQuery与JavaScript不同之处 onload 事件不能同时指定两个事件处理器，但是 ready 事件是可以的。 $ $符号仅仅表示一个合法但不常见的函数
jQuery 语法
看不过的黑工坊
02-17 366
jQuery 语法 通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行"操作"（actions）。 jQuery 语法 jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。 基础语法： $(selector).action() 美元符号定义 jQuery 选择符（selector）"查询"和"查找" H
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

逍遥小丸子

你的鼓励是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值