前端学习 day11 : JQuery,基本选择器,过滤选择器,筛选选择器

最新推荐文章于 2024-02-24 22:51:16 发布
最新推荐文章于 2024-02-24 22:51:16 发布
阅读量675 收藏
点赞数
分类专栏： 前端学习 文章标签： 数据库 java database
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/whosedad/article/details/121525969
版权
本文主要介绍前端开发中的JQuery库，详细讲解了JQuery的基础、选择器、过滤选择器和筛选选择器的用法。通过对比JavaScript，强调了JQuery在解决浏览器兼容性和简化DOM操作上的优势。并提供了JQuery的安装方法。
摘要由CSDN通过智能技术生成

1.JQuery

1.1        什么是JQuery

(1)、JavaScript与jQuery比较

js:  1、入口函数只有一个，window.onload

  1. 浏览器兼容性：非常令人头疼，比如textContent虽然作为标准方法但是只支持IE8+以上的浏览器
  2. DOM错综复杂，实现简单的效果很麻烦
  3. 代码容错性差，出错后导致后面的代码不执行

jQuery:  1、市场占有率稳步上升，代码比较少，功能强大

2、DOM比较强大，事件处理，完全解决了浏览器的兼容性问题

3、ajax操作（比较好）

(2)、什么是jQuery

1、jQuery是一个JavaScript函数库。

2、jQuery是一个轻量级的"写的少，做的多"的JavaScript库。

3、jQuery库包含以下功能：HTML 元素选取、HTML 元素操作、CSS 操作、HTML 事件函数、JavaScript 特效和HTML DOM 遍历和修改。

(3)、为什么使用jQuery

最低0.47元/天 解锁文章
JQUERY选择器--筛选选择器
qq_56248592的博客
10-11 308
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>筛选选择器</title> <script src="jquery-3.6.js"></script> </head> <body> <ol> <li>borther元素1</li>.
过滤选择器（筛选）
小白学编程
08-18 1213
基本过滤选择器（：） :first 选择第一个元素。$(“div：first”)选择第一个<div> :last 选择最后一个元素。$(“div:last”)选择最后一个<div> :not（选择器）选取不满足（去掉）“选择器”条件的元素， $(“input:not(.myClass)”)选取样式名不是myClass的<input> 4、:even、：o...
筛选选择器
weixin_34199405的博客
11-12 152
转载于:https://www.cnblogs.com/tcpblog/p/9949290.html
jQuery 选择器/筛选
又是再见?
07-06 372
• 基本过滤选择器 a. :fitst 选取第一个元素 b. :last选取最后一个元素 c. :not() 选取除指定之外的元素 d. :even 偶数选择器 e. :odd 奇数选择器 f. :eq()选取指定索引的元素 g. :gt()选取大于指定索引的元素 h. :lt()选取小于指定索引的元素 i. :header选取h1,h2,h3,h4,h5,h6标签 j. :a
选择器 筛选
theowl的专栏
12-07 464
:first V1.0概述 获取第一个元素 示例 描述: 获取匹配的第一个元素 HTML 代码: list item 1 list item 2 list item 3 list item 4 list item 5 jQuery 代码: $('li:first'); 结果: [
6.筛选选择器
dkbfhbh的博客
08-29 237
基本筛选选择器针对的都是元素DOM节点，如果我们要通过内容来过滤，jQuery也提供了一组内容筛选选择器
jQuery之日期选择器的深入解析
10-27
jQuery日期选择器是jQuery UI组件库中的一个常用组件，它能够让用户通过图形界面选择日期。本文深入解析了jQuery日期选择器的各种功能和配置选项，以及如何使用它来增强Web表单的用户体验。 首先，关于日期选择器的...
jQuery ui带时间的日期选择器代码
11-10
标题"jQuery ui带时间的日期选择器代码"所指的就是如何在jQuery UI的日期选择器基础上添加时间选择的功能。 首先，我们需要确保引入了jQuery和jQuery UI的相关库。这通常意味着在HTML文件的`<head>`部分包含以下...
timepicker:基于jQuery的时间选择器插件
05-19
基于jquery的一款时间选择器组件，每次重新打开时间会重置 主要思路 定义全局变量year，month，day，使用函数对其进行操作，最终达到展示效果 封装组件方法 $.extend({ timePickerCom: function(name) { ... ...
jQuery日期选择器详解与实例
总结来说，jQuery的日期选择器是前端开发中一个实用且易于集成的工具，通过合理的配置和定制，可以极大地简化日期相关的用户交互设计。学习并掌握其工作原理和用法，将有助于提升网页应用程序的质量和用户体验。
jquery选择器之筛选选择器
kevin_love_it的博客
11-17 569
jquery筛选选择器
jQuery 遍历 - 过滤---first--last---eq--not--filter方法（二十五）
有 prepare , No out
12-31 3281
缩写搜索元素的范围 三个最基本的过滤方法是：first(), last() 和 eq()，它们允许您基于其在一组元素中的位置来选择一个特定的元素。 其他过滤方法，比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。 jQuery first() 方法 first() 方法返回被选元素的首个元素。 下面的例子选取首个 元素内部的第
jQuery选择器之基本筛选选择器
qq_33130209的博客
03-31 409
筛选选择器的用法与CSS中的伪元素相似，选择器用冒号“：”开头，下面是基本选择器的描述： $(":first")：匹配第一个元素 $(":last")：匹配最后一个元素 $(":not(selector)")：一个用来过滤的选择器，选择所有元素去除不匹配给定的选择器元素 $(":eq(index)")：在匹配的集合中选择索引值为index的元素 $(":gt(index)")：选择匹配集
jQuery之筛选选择器(方法)
06-15 977
筛选选择器的功能与过滤选择器有点相似，但是用法不一样，筛选选择器主要是方法 名称 用法 描述 children(selector) $('ul').children('li') 相当于$('ul > li')，子选择器 find(selector) $('ul').find('li') 相当于$('ul li')，后代选择器 siblings(selector) $('#first').siblings('l
jQuery 筛选选择器 | 筛选方法
qq_39368007的博客
11-27 547
jQuery 筛选选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
JQuery之基本筛选选择器简介（一部分）
TravelAlone的博客
02-17 313
JQuery对象之基本筛选器 第一个 第一个--- 第二个 第二个--- 第三个 第三个--- 第四个 第四个--- 第五个 第五个--- //筛选第一个元素，格式：$("pre:first") 筛选pre的第一个元素 $(".div:first").cs
筛选选择器案例
weixin_43750162的博客
04-05 239
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="jquery-1.7.1.min.js" ></script> <sc...
JQuery筛选选择器之内容筛选
LHJBK的博客
05-30 1033
基本筛选选择器针对的都是元素DOM节点，如果我们想要通过内容来过滤一些东西，该怎么办呢？ jQuery是相当强大的，这一点它当然想到了啊，JQuery专门为此提供了一组内容筛选选择器，当然其规则也会体现在它所包含的子元素或者文本内容上。让我们一起来通过一张表了解一下：注意： :contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素
jQuery 基础、选择器和筛选器
最新发布
weixin_48183870的博客
02-24 1230
jQuery是一个流行的JavaScript库，旨在简化JavaScript编程和处理HTML文档的任务。它提供了一组易于使用的功能和方法，可以加快开发速度并提高跨浏览器兼容性。一款轻量级的JS框架。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值