Jquery 获取第一个子元素

庞小明

发布于 2018-03-07 09:54:08

3.5K00

代码可运行

文章被收录于专栏：pangguomingpangguoming

运行总次数：0

代码可运行

<ul>
  <li>John</li>
  <li>Karl</li>
  <li>Brandon</li>
</ul>

获取第一个元素： $("ul li:first-child")

<div id="getfirst"> 
  <ul>
    <li>John</li>
    <li>Karl</li>
    <li>Brandon</li>
  </ul>
</div>

获取第一个元素： $("#getfirst").find("ul li:first-child")

或$("#getfirst").find("ul li").get(0)

或$("#getfirst").find("ul li").first()

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2017-06-15 ，如有侵权请联系 cloudcommunity@tencent.com 删除

jquery

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

jquery

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

1615

Go 开发者必备：Protocol Buffers 入门指南

集合索引 jquery 笔记表单

例如，$("#myDiv .myClass") 选择 ID 为 myDiv 的元素内所有类名为 myClass 的元素。

云峥百宝箱

2025/04/16

790

Jquery简介选择的

编程算法 jquery html

Jquery一个js相框（程序代码相结合）这是一个程序开发过程中的半成品；分类似该框架EXTJS。

全栈程序员站长

2022/07/06

1.7K0

【前端相关网页样式】总结CSS3中“伪类”与“伪元素”

css

熟悉前端的人都会听过css的伪类与伪元素，然而大多数的人都会将这两者混淆。本文从解析伪类与伪元素的含义出发，区分这两者的区别，并且列出大部分伪类与伪元素的具体用法，即使你有用过伪类与伪元素，但里面总有一两个你没见过的吧。 1.伪类与伪元素先说一说为什么css要引入伪元素和伪类，以下是css2.1 Selectors章节中对伪类与伪元素的描述： CSS introduces the concepts of pseudo-elements and pseudo-classes to permit format

QUXINGDONG.COM

2018/04/17

3.6K0

jquery常用选择器

jquery javascript

在Dom 编程中我们只能使用有限的函数根据id 或者TagName 获取Dom 对象. 然而在jQuery 中则完全不同,jQuery 提供了异常强大的选择器用来帮助我们获取页面上的对象, 并且将对象以jQuery 包装集的形式返回。本文主要对常用的jQuery 选择器进行一个介绍及归类。 jQuery 选择器大体上可分为 4 类：基本选择器、层次选择器、过滤选择器、表单选择器。其中过滤选择器可以分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择

java达人

2018/01/31

6990

jQuery选择器（20171026）

其他

一.jq与js再比较看优势看案例（好友列表）结构： <div id="con" class="center"> <ul id="friendslist"> <li> <p class="border_bottom">我的好友</p> <ul> <li>张三</li> <li>李四</li> <li>王五</li>

天天_哥

2018/09/29

9670

【前端就业课第一阶段】HTML5 零基础到实战（四）伪类与伪元素

css html5 html

注意：手机（APP）打开，内容显示更佳，不会的私聊博主即可想要拿代码或加入学习计划（** 博主会监督你并且教你写文章 **）的拉到最下面（PC端Web打开）加博主即可，目录也在最下面。

1_bit

2022/04/13

4790

jQuery基础教程之选择器

jquery att checkbox class list

jQuery基础教程之选择器一、元素选择 1.通配选择符 * Q $("*") 2.标签选择符 div $("div") 3.ID选择符 #id <div id="eid"></div> $("#eid") 4.class选择符 .class <div class="item"></div> $(".item") 二、关系选择符 <div class="list"> <div class="item a">a</div> <div c

老雷PHP全栈开发

2020/07/02

3580

Web前端JQuery面试题（一）

jquery 网站

匹配包含给定文本的元素匹配所有不包含子元素或者文本的空元素匹配含有选择器所匹配的元素的元素匹配含有子元素或者文本的元素

达达前端

2019/07/03

2.9K0

jQuery学习笔记

jquery 编程算法

jQuery大部分功能需要根据文档的DOM模型来工作，首先需要正确地解析到整个文档的DOM模型结构。使用jQuery需要在整个文档被浏览器完全加载后才开始进行。

用户9076598

2022/03/02

6420

自动化-Selenium 3-元素定位（Python版）

xslt & xpath selenium http html

2.XPath很强悍，但定位性能不是很好，所以还是尽量少用。如果确实少数元素不好定位，那还是选择XPath或cssSelector。

wangmcn

2022/07/22

7.7K0

jQuery

编程算法 jquery html css php

chenchenchen

2023/01/30

4.7K0

python学习之selenium~css定位完整版，附代码

https 网络安全

.class： .intro，选择class=‘intro’的所有元素

吾爱乐享

2019/12/30

1.7K0

jQuery常用的选择器

html

当我们想要操所页面中的元素时，首先要做的就是选取元素。选取页面中元素可以使用jQuery给我们提供的$()方法，该方法需要提供选择器作为参数，方法执行完成后会返回给我们一个jQuery对象，被选取的元素就包含在该对象中。

小周sir

2019/09/23

7870

jQuery选择器（满足你的所有业务）

css html jquery

jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。

鱼找水需要时间

2023/02/16

9650

Jquery的属性操作和DOM操作

其他

3 val() : 获取或设置表单内容 (原生JS使用value)

用户3159471

2018/09/13

1.4K0

jQuery 教程

html html5 ajax 编程算法 jquery

菜鸟教程 — jQuery 教程：https://www.runoob.com/jquery/jquery-tutorial.html

全栈程序员站长

2022/09/03

17.4K0

jQuery基础系列

编程算法

jquery的入口函数是在html所有标签都加载后才执行，而JavaScript的window.onload事件是等到所有内容加载完后才执行。

达达前端

2019/07/03

2.7K0

jQuery的基本操作

其他

jQuery就是一个js的库· 主要分为两部分: 1·寻找元素（选择器,筛选器） 2·操作元素（CSS的操作,属性的操作,文本的处理）选择器基本 #id #id //用于搜索的,通过元素的id属性中给定的值描述:(查找ID为myDiv的元素) HTML代码: <div id="notMe"><p>id = "notMe"</p></div> <div id="myDiv">id="m

Wyc

2018/09/11

7.7K0

jQuery

jquery 编程算法

onload 事件是等页面文档、外部的 js 文件、css文件、图片加载完毕才执行内部代码。

小丞同学

2021/08/16

8.7K0

第91天：CSS3 属性选择器、伪类选择器和伪元素选择器

其他

除了以前学过的:link、:active、:visited、:hover，CSS3又新增了其它的伪类选择器。

半指温柔乐

2018/09/11

1.6K0

Jquery 获取第一个子元素

Jquery 获取第一个子元素

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐