JQuery简介与基础语法

最新推荐文章于 2023-06-20 15:39:48 发布
最新推荐文章于 2023-06-20 15:39:48 发布
阅读量251 收藏 1
点赞数

jQuery是一个JavaScript库。它极大的简化了Javascript编程。

jQuery库包含以下特性：HTML元素选取，HTML元素操作，CSS操作，HTML时间函数，Javascript特效和动画，HTML DOM遍历和修改，AJAX和Utilites。

jQuery库位于一个Javascript文件中，其中包含了所有的jQuery函数。可以通过下面的标记将jQuery添加到网页中：

<head>

<script  type="text/javascript" src="jquery.js"></script>

</head>

ps：可以通过外部加载jQuery，分别是：Google和Microsoft。

Google：<head><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script></head>

Microsoft：<head><script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script></head>

jQuery语法：jQuery语法是为HTML元素的选取编制的，可以对选取的元素执行某些操作。

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

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

简单范例：

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

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

$("p").hide() - 隐藏所有段落元素

$("p.test").hide() - 隐藏所有 class="test" 的段落

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

文档就绪函数 （document ready）

$ ( document ) . ready (function () {

});    //  文档加载完毕后 ， 执行 该 jQuery 函数。防止文档在完全加载之前运行jQuery代码。


jQuery 选择器

jQuery选择器允许你对元素组或单个元素进行操作。

学习选择器，最关键的是学习jQuery选择器准确的选取所需的HTML、CSS等元素。选择器允许通过标签名、属性名或内容对HTML元素进行选择。选择器允许你对HTML元素组或单个元素进行操作。

jQuery元素选择器，jQuery使用CSS选择器来选取HTML元素。

简单范例：

$("p") 选取 <p> 元素。

$("p.intro") 选取所有 class="intro" 的 <p> 元素。

$("p#demo") 选取 id="demo" 的第一个 <p> 元素。

jQuery属性选择器，jQuery使用XPath表达式来选择带有给定属性的元素

简单范例：

$("[href]") 选取所有带有 href 属性的元素。

$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

jQuery CSS选择器 ，jQuery CSS选择器可用于改变HTML元素的CSS属性

简单范例：

$("p").css("background-color","red")将所有p元素的背景颜色更改为红色

jQuery选择器参考表

选择器                           实例                                       选取

*                                     $("*")                                        所有元素

#id                                  $("#lastname")                          id="lastname"的元素

.class                             $(".intro")                                  所有class="intro"的元素

element                          $("p")                                        所有<p> 元素

.class.class                    $(".intro.demo")                         所有class="intro" 且class="demo"的元素

:first                               $("p:first")                                  第一个<p>元素

:last                               $("p:last")                                  最后一个<p>元素

:even                              $("tr:even")                                所有偶数<tr>元素                     

:odd                               $("tr:odd")                                 所有奇数<tr>元素

:eq(index)                        $("ul li:eq(3)")                           列表中的第4个元素(index从0开始)

:gt(index)                        $("ul li:gt(3)")                             列表中index大于3的元素

:lt(index)                         $("ul li:lt(3)")                              列表中index小于3的元素

:not(selector)                  $("input:not(:empty)")                  所有不为空的input元素

:header                          $(":header")                               所有标题元素<h1> - <h6>

:naimated                       $(":animated")                            所有动画元素

:hidden                           $("p:hidden")                              所有隐藏的<p>元素

:visible                           $("table:visible")                          所有可见的表格

:contains(text)                $(":contains("hello") )                   包含指定字符串的所有元素

:empty                           $(":empty")                                 无子（元素）节点的所有元素

s1,s2,s3                        $("th,td,.intro")                           所有带有匹配选择的元素

[attribute]                        $("[href]")                                 所有带有href属性的元素

[attribute=value]              $("[href='#']")                             所有href属性的值等于“#”的元素

[attribute!=value]             $("[href!='#']")                            所有href属性的值不等于“#”的元素

[attribute$=value]           $("[href$='.jpg']")                          所有href属性的值包含以.jpg结尾的元素

:input                           $(":input")                                  所有<input>元素

:text                            $(":text")                                     所有type=“text"的<input>元素

:password                    $(":password")                            所有type=”password"的<input>元素

:radio                          $(":radio")                                   所有type=”radio"的<input>元素

:checkbox                   $(":checkbox")                            所有type=”checkbox"的<input>元素

:submit                       $(":submit")                                所有type=”submit"的<input>元素

:reset                         $(":reset")                                   所有type=”reset"的<input>元素

:button                        $(":button")                                 所有type=”button"的<input>元素

:image                        $(":image")                                  所有type=”image"的<input>元素

:file                            $(":file")                                       所有type=”file"的<input>元素

:enabled                      $(":enabled")                               所有激活的input元素

:disabled                     $(":disabled")                              所有禁用的input元素

:selected                    $(":selected")                              所有被选取的input元素

:checked                   $(":checked")                              所有被选中的input元素

jQuery事件

jQuery是为事件处理特别设计的，jQuery事件处理方法是jQuery中的核心函数。

事件处理程序指的是当HTML中发生某些事件时所调用的方法。

对jQuery事件（函数）的建议处理方式：把所有jQuery代码置于事件处理函数中；把所有事件处理函数置于文档就绪事件处理器中；把jQuery代码置于单独的.js文件中；如果存在名称冲突，则重命名jQuery库。
伯纳乌撸撸
关注
jQuery 基础语法
既然选择远方，便只顾风雨兼程！
02-27 2598
文章目录jQuery 基础语法一、 jQuery 概述1、 JS 库2、 jQuery 概念3、 jQuery 优点二、 jQuery 基本使用1、 jQuery 使用步骤2、 jQuery 入口函数3、 jQuery 顶级对象4、 jQuery 对象和 DOM 对象三、 jQuery 常用 API1、 jQuery 选择器2、 隐式迭代3、 jQuery 筛选选择器4、 jQuery 筛选方法5、 jQuery 里面的排他思想6、 链式编程四、 jQuery 样式操作1、 操作 CSS 方法2、 设置类样
JQuery基础语法小结
12-08
在本篇文章中，我们将重点讨论JQuery的基础语法，包括文档加载、选择器、事件处理、DOM对象与JQuery对象的转换以及CSS操作。 1. **$(document).ready()**： 这个函数用于确保DOM完全加载完毕后再执行内部的...
JQuery入门基础
m0_74934282的博客
03-30 8704
jQuery 是一个快速、简洁的 **`JavaScript 库`**，其设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。JavaScript库**`仓库`**： 可以把很多东西放到这个仓库里面。找东西只需要到仓库里面查找到就可以了。**`JavaScript库`**：即 library，是一个封装好的特定的集合（方法和函数）。
【jQuery】jQuery基础概念
早睡早起长头发的博客
01-07 7831
从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。这些库都是对原生JavaScript的封装，内部都是用JavaScript实现的，我们主要学习的是jQuery,jQuery 出现的目的是加快前端人员的开发速度，我们可以非常方便的调用和使用它，从而提高开发效率。，其设计的宗旨是“wrilte Less , Do More”，即倡导写更少的代码，做更多的事情。，我们可以快速的查询使用里面的功能。
jQuery学习笔记
szzhuyike的专栏
09-19 535
jQuery简介与基础语法 jQuery是一个Javascript库。它极大的简化了Javascript编程。 jQuery库包含以下特性：HTML元素选取，HTML元素操作，CSS操作，HTML时间函数，Javascript特效和动画，HTML DOM遍历和修改，AJAX和Utilites。 jQuery库位于一个Javascript文件中，其中包含了所有的jQuery函数。可以通过下
JQuery基础语法
weixin_54597170的博客
10-27 1945
目录JQuery基础概述JQuery对象和JS对象区别与转换基础操作选择器基本选择器层级选择器属性选择器过滤选择器表单过滤选择器DOM操作内容操作属性操作CRUD操作 JQuery基础 概述 一个JavaScript框架， 简化JS开发， 本质上就是一些js文件，封装了js的原生代码而已。 JQuery对象和JS对象区别与转换 1.操作 JQuery对象在操作时，更加方便。 2.通用性 JQuery对象和js对象方法不通用的. 3.转化 1. jq – > js : jq对
语法篇JQuery基础
qq_62377885的博客
06-11 1179
jQuery是一个快速、简洁的JavaScript框架，它是John Resig在2006年创建的一个开源项目。它封装了JavaScript常用的功能代码，提供了一种简便的JavaScript设计模式，优化了HTML文档操作、事件处理、动画设计和Ajax交互。它的设计宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。
jQuery01基础语法
weixin_44641804的博客
10-01 743
一、jQuery基础 1.定义 jQuery是一个快速、简洁、开源的JavaScript类库 2.种差（内涵) （1）封装JavaScript常用的功能代码 （2）提供—种简便的javaScript设计模式 （3）优化了HTML文档操作、事件处理、动画设计和Ajax交互 3.下载 jQuery官网www.jquery.com 4.引用 （1）使用<script>标签引用jQuery库 引用下载jQuery:（下载好放本地，效率更高） <head> <
jQuery基础语法与选择器
weixin_57037336的博客
12-06 349
jQuery 基础语法： $(selector).action()$(selector).action()分解文档就绪事件jQuery 选择器元素选择器#id 选择器.class 选择器CSS 选择器 基础语法： $(selector).action() jQuery 语法是通过选取 HTML 元素、选择器，并对选取的元素执行某些操作。 $(selector).action()分解 1.用美元符号作为开头定义 jQuery； 2. 括号内selector表示"查询"和"查找"的 HTML 元素或选择器； 3
jQuery 基础语法使用指南
书生-w的博客
06-20 6399
在编写 Web 应用时，jQuery 是我们不可或缺的工具，它使 JavaScript 变得简洁易用。这篇博文将为你讲述 jQuery 的基础语法，让你能够迅速上手这个强大的库。
jQuery学习 -- 基础语法 基础选择器
努力！加油！！
03-13 535
基础选择器
jQuery基础语法实例入门
10-25
jQuery是一款广泛使用的JavaScript库，它的设计目标是简化HTML文档的遍历、事件处理、动画和Ajax...总的来说，掌握jQuery的核心语法是进行Web前端开发的基础之一，它能够帮助开发者快速实现复杂的页面交互和动态效果。
JSP学生学籍管理系统设计与实现(源代码+论文+开题报告+外文翻译+答辩PPT).zip
09-21
1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。
省市区数据，完成三级联动，选择地区
09-21
省市区数据，完成三级联动，选择地区
机械原理课程设计网球自动捡球机.doc
最新发布
09-21
机械原理课程设计网球自动捡球机.doc
2024秋招华为笔试题大全-仅供参考具体需要根据实际修改
09-21
2024秋招华为笔试题大全-仅供参考具体需要根据实际修改
借助于Ascend310 AI处理器完成深度学习算法部署任务，
09-21
应用背景为变电站电力巡检，基于YOLO v4算法模型对常见电力巡检目标进行检测，并充分利用Ascend310提供的DVPP等硬件支持能力来完成流媒体的传输、处理等任务，并对系统性能做出一定的优化。.zip深度学习是机器学习的一个子领域，它基于人工神经网络的研究，特别是利用多层次的神经网络来进行学习和模式识别。深度学习模型能够学习数据的高层次特征，这些特征对于图像和语音识别、自然语言处理、医学图像分析等应用至关重要。以下是深度学习的一些关键概念和组成部分： 1. **神经网络（Neural Networks）**：深度学习的基础是人工神经网络，它是由多个层组成的网络结构，包括输入层、隐藏层和输出层。每个层由多个神经元组成，神经元之间通过权重连接。 2. **前馈神经网络（Feedforward Neural Networks）**：这是最常见的神经网络类型，信息从输入层流向隐藏层，最终到达输出层。 3. **卷积神经网络（Convolutional Neural Networks, CNNs）**：这种网络特别适合处理具有网格结构的数据，如图像。它们使用卷积层来提取图像的特征。 4. **循环神经网络（Recurrent Neural Networks, RNNs）**：这种网络能够处理序列数据，如时间序列或自然语言，因为它们具有记忆功能，能够捕捉数据中的时间依赖性。 5. **长短期记忆网络（Long Short-Term Memory, LSTM）**：LSTM 是一种特殊的 RNN，它能够学习长期依赖关系，非常适合复杂的序列预测任务。 6. **生成对抗网络（Generative Adversarial Networks, GANs）**：由两个网络组成，一个生成器和一个判别器，它们相互竞争，生成器生成数据，判别器评估数据的真实性。 7. **深度学习框架**：如 TensorFlow、Keras、PyTorch 等，这些框架提供了构建、训练和部署深度学习模型的工具和库。 8. **激活函数（Activation Functions）**：如 ReLU、Sigmoid、Tanh 等，它们在神经网络中用于添加非线性，使得网络能够学习复杂的函数。 9. **损失函数（Loss Functions）**：用于评估模型的预测与真实值之间的差异，常见的损失函数包括均方误差（MSE）、交叉熵（Cross-Entropy）等。 10. **优化算法（Optimization Algorithms）**：如梯度下降（Gradient Descent）、随机梯度下降（SGD）、Adam 等，用于更新网络权重，以最小化损失函数。 11. **正则化（Regularization）**：技术如 Dropout、L1/L2 正则化等，用于防止模型过拟合。 12. **迁移学习（Transfer Learning）**：利用在一个任务上训练好的模型来提高另一个相关任务的性能。 深度学习在许多领域都取得了显著的成就，但它也面临着一些挑战，如对大量数据的依赖、模型的解释性差、计算资源消耗大等。研究人员正在不断探索新的方法来解决这些问题。
基于深度学习的物体识别与抓取方法，六自由度机械臂，python编写程序.zip
09-21
深度学习是机器学习的一个子领域，它基于人工神经网络的研究，特别是利用多层次的神经网络来进行学习和模式识别。深度学习模型能够学习数据的高层次特征，这些特征对于图像和语音识别、自然语言处理、医学图像分析等应用至关重要。以下是深度学习的一些关键概念和组成部分： 1. **神经网络（Neural Networks）**：深度学习的基础是人工神经网络，它是由多个层组成的网络结构，包括输入层、隐藏层和输出层。每个层由多个神经元组成，神经元之间通过权重连接。 2. **前馈神经网络（Feedforward Neural Networks）**：这是最常见的神经网络类型，信息从输入层流向隐藏层，最终到达输出层。 3. **卷积神经网络（Convolutional Neural Networks, CNNs）**：这种网络特别适合处理具有网格结构的数据，如图像。它们使用卷积层来提取图像的特征。 4. **循环神经网络（Recurrent Neural Networks, RNNs）**：这种网络能够处理序列数据，如时间序列或自然语言，因为它们具有记忆功能，能够捕捉数据中的时间依赖性。 5. **长短期记忆网络（Long Short-Term Memory, LSTM）**：LSTM 是一种特殊的 RNN，它能够学习长期依赖关系，非常适合复杂的序列预测任务。 6. **生成对抗网络（Generative Adversarial Networks, GANs）**：由两个网络组成，一个生成器和一个判别器，它们相互竞争，生成器生成数据，判别器评估数据的真实性。 7. **深度学习框架**：如 TensorFlow、Keras、PyTorch 等，这些框架提供了构建、训练和部署深度学习模型的工具和库。 8. **激活函数（Activation Functions）**：如 ReLU、Sigmoid、Tanh 等，它们在神经网络中用于添加非线性，使得网络能够学习复杂的函数。 9. **损失函数（Loss Functions）**：用于评估模型的预测与真实值之间的差异，常见的损失函数包括均方误差（MSE）、交叉熵（Cross-Entropy）等。 10. **优化算法（Optimization Algorithms）**：如梯度下降（Gradient Descent）、随机梯度下降（SGD）、Adam 等，用于更新网络权重，以最小化损失函数。 11. **正则化（Regularization）**：技术如 Dropout、L1/L2 正则化等，用于防止模型过拟合。 12. **迁移学习（Transfer Learning）**：利用在一个任务上训练好的模型来提高另一个相关任务的性能。 深度学习在许多领域都取得了显著的成就，但它也面临着一些挑战，如对大量数据的依赖、模型的解释性差、计算资源消耗大等。研究人员正在不断探索新的方法来解决这些问题。
电子设计论文文档资料液面检测器电子设计论文文档资料液面检测器
09-21
电子设计论文文档资料液面检测器电子设计论文文档资料液面检测器
jQuery基础语法与元素选择详解
这篇文档涵盖了jQuery基础语法的选择器和常用操作，对于理解和掌握jQuery在实际项目中的应用具有较高的参考价值。通过理解并熟练运用这些内容，开发者可以更有效地编写简洁、高效的JavaScript代码。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值