jquery 选择器 .first()和:first

最新推荐文章于 2022-08-26 19:06:49 发布
最新推荐文章于 2022-08-26 19:06:49 发布
阅读量417 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： 技术分享 文章标签： js jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jlysx/article/details/52176598
本文介绍了jQuery中的选择器使用方法，包括:first和.first的区别与联系，以及如何选取特定位置的元素，如使用:eq(2)来选取第三个元素。

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

在jQuery 中.first()是方法，而 :first 是 jQuery 选择器支持的语法

在Jquery里， 冒号后面是跟选择器，即想要选哪个元素，比如p:first 就是第一个P元素，P:last就是最后一个P元素（相对于整个页面）。想选第三个咋办？用:eq(2)

其实.first 和 :first在用法上是一样的，但对返回的对相和速度应该不同（PS：实际中，还真是没感觉出大家的速度差别，可能本地跑，机器太快了）

js初学知识点概括FIRST
m0_71491195的博客
08-05 284
js初学知识点概括FIRST
JS学习之数据类型
weixin_53317758的博客
04-22 291
数据类型 为什么有数据类型？ 在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义不同的数据类型 简单来说了，数据类型就是数据的；类别型号。比如姓名“张三” ，年龄18 这些数据的类型是不一样的 变量 数据类型 变量是用来存储值的所在处，它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。JavaScript 是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型，在程序运行过程中，类型会被自动确
Jquery中.data()基本用法
Daily one note for Java
02-23 560
一.导入js 二.body内编写code 我出一道算术题， + =？ 三.script内编写code $("div").data("test", { first : 16, last : 4 }); $("span:first").text($("div").data("test").first); $("span:last").text($("div"
jQuery基本筛选选择器（一）
weixin_33811539的博客
08-12 110
2019独角兽企业重金招聘Python工程师标准>>> ...
jQuery中:first，:first-child，first()的使用区别
热门推荐
just_coming_here的博客
04-16 2万+
:first   获取第一个元素。 :first-child  选择器选取属于其父元素的第一个子元素的所有元素。 first() 返回被选元素的首个元素。 测试代码如下： Insert title here ul_1 item 1 ul_1 item 2 ul_1 item 3 ul_1 item 4 ul_1 item 5
浅谈jquery选择器 :first与:first-child的区别
10-21
`:first`选择器是jQuery的一个特殊选择器，它会选取匹配该选择器的元素集合中的第一个元素。例如，当使用`$('ul li:first')`时，它会选择所有`ul`元素下的第一个`li`元素，这里的结果是`John`所在的`li`。`:first`并...
jQuery选择器.rar
12-26
这个名为"jQuery选择器.rar"的压缩包文件显然包含了关于jQuery选择器的相关学习资源，可能包括示例代码、教程文档等。这些内容可能与《锋利的jQuery第二版》这本书中的章节相匹配，该书是jQuery学习的经典参考资料之...
jQuery :first选择器使用介绍
10-27
虽然`:first`选择器非常方便，但和其他jQuery选择器一样，如果在大型DOM树中使用，可能会对性能产生一定影响。因此，在处理大量元素时，应尽量减少选择器的复杂性，以优化页面加载和执行速度。 总之，jQuery的`:...
Web前端开发技术-Jquery选择器.pptx
07-07
【jQuery选择器】是Web前端开发技术中一个重要的部分，它极大地简化了DOM元素的选取和操作。jQuery选择器分为多种类型，包括基本选择器、层级选择器、筛选选择器和其他选择器。 **1. 基本选择器** 基本选择器与CSS...
jQuery中的伪类first()，:first，:first-child区别
qq1026432050的博客
10-14 1131
first() 是被选元素的第一个元素。 <body> //HTML部分 //:first() 测试 <div> <p>测试first()</p> <p>测试first()</p> <p>测试first()</p> </div> &am
javascript第六章选择器
qq_45558368的博客
08-09 226
javascript基本选择器 #id :根据给定的ID匹配一个元素。 $("#idName"); .class: 根据给定的css类名匹配元素。 $(".className"); element: 根据给定的元素标签名匹配所有元素 $(“div”); :匹配所有元素 $(""); selector1,selector2,selectorN:将每一个选择器匹配到的元素合并后一起返回。 $(“div,span,p.className”); ancestor descendant:在给定的祖先元素下匹配所有的后
在 JavaScript 中从字符串中获取第一个字符
six6de6的博客
08-26 1万+
在 JavaScript 中从字符串中获取第一个字符四种方法
JavaScript实用库：Lodash源码数组函数解析（六）first、flatten、flattenDeep、flattenDepth、baseFlatten、isFlattenable
弓长于水的博客
06-03 1352
本章的内容主要是：first、flatten、flattenDeep、flattenDepth、baseFlatten、isFlattenable Lodash是一个非常好用方便的JavaScript的工具库，使得我们对数据处理能够更加得心应手 接下来我要对Lodash的源码进行剖析学习 每天几个小方法，跟着我一起来学lodash吧 1、_.first -> _.head(array) 根据lodash中文文档介绍，通过该方法可以获取到数组的第一个元素 可以看到啊，它有两个名词：first 和
js进阶 10-8 伪类选择器有哪几类（自己不用，永远不是自己的）
weixin_33919941的博客
06-14 207
js进阶 10-8 伪类选择器有哪几类（自己不用，永远不是自己的） 一、总结 一句话总结：自己不用，永远不是自己的。 0、学而不用，却是为何？ 自己不用，永远不是自己的，有需求的时候要想到它，然后操作和练习   1、伪类选择器有哪几类？ 6类，简单伪类选择器元素，子元素伪类选择器，可见性伪类选择器，内容伪类选择器，表单伪类选择器，表单属性伪类选择器   2、伪类选择器有多强大？ ...
【jQuery】:first选择器
简简单单兔呦
08-22 650
1. 背景今天在开发的过程遇到一个需求场景，当页面进入时需要默认选择默认选择一组相同元素的第一个.下面是一个简化的模型，打开页面时，要求默认”A”的被选中，这时对应的详情介绍区域（即id= “detail”的div)应该与之匹配，具体示例html的代码如下:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>:fir
underscore.js _.first[Array]
weixin_30263073的博客
04-15 91
_.first(array, [n])Alias:headReturns the first element of anarray. Passingnwill return the firstnelements of the array 返回数组的第一个元素. 别名head 1 _.first([5, 4, 3, 2, 1]); 2 => 5 ...
first js高级 对象的创建 函数的创建 原型
qq_38964133的博客
03-10 282
复习 动态页面： 页面由html+css+js 向服务器发送请求，服务器那边没有页面，是动态生成的，返回给客户端 基本数据类型 undeifend boolean string null number 复杂类型 object Array Date function RegExp 类型检测 typeof typeof用以获取一个变量或者表达式的类型，typeof一般只...
js中firstChild与firstElementChild及childNodes与children的区别
qq_44731369的博客
02-17 2694
firstChild： 获取指定元素的第一个子节点 (包括元素节点和文本节点) 。 若父元素与第一个子元素之间存在空白节点，firstChild 获取到的将是空白节点而不是第一个子元素。这时可以使用 firstElementChild 属性 (IE6/7/8 中不支持)。 例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <met
Uncaught TypeError: Cannot read properties of undefined (reading 'Buttons') at buttons.html5.min.js:8:661 at buttons.html5.min.js:8:508 at buttons.html5.min.js:8:534 datav.min.vue.js:1 Uncaught TypeError: Cannot read properties of undefined (reading 'use') at datav.min.vue.js:1:280422 at datav.min.vue.js:1:143 at datav.min.vue.js:1:162 getTraceability.htm:466 Uncaught TypeError: $(...).DataTable is not a function at Object.success (getTraceability.htm:466:44) at M.success (jquery.form.min.js:22:3376) at c (jquery.min.js:2:25304) at Object.fireWith [as resolveWith] (jquery.min.js:2:26053) at l (jquery.min.js:2:77782) at XMLHttpRequest.<anonymous> (jquery.min.js:2:80265)
最新发布
08-06
-- 加载其他库：日期选择器、表单提交等 --> <script src="../../../js/jquery.datetimepicker.full.js"> <script src="../js/jquery.form.min.js"> <!-- 最后加载Vue和基于Vue的组件 --> <script src="../../js/...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值