html点击子元素,js获取被点击的元素以及子元素

article/2025/5/26 2:06:42

js获取被点击元素:

获取被点击的元素

body {margin: 0px;}

#container {width: 700px;height: 300px;padding:5px;background-color: #edfdef;}

function getClickEle(ele){

console.log($(ele).val()); //方法一:通过jquery对象,获取被点击的元素

console.log(ele.tagName); //方法二:通过传入js 元素对象,获取

//$(document).click(function(e){console.log(e.target.value)});

}

function getClildVal(ele){

console.log($(ele).find("#girl_1")[0].tagName); //方法五:获取被点击的元素的子元素转jquery对象,再获取子元素

console.log($($(ele).find("#girl_1")[0]).attr("id")); //方法六:获取被点击的元素的子元素

}

  • 姓名:

  • 电话:

    手机:

    email:

    QQ:

  • 下面有个可爱的女孩:

    e2a508ea22d6f7fd138b4458ecce0350.jpg

$("#phone").click(function(){

console.log($(this).val()); //方法三:获取被点击的元素,转jquery对象

console.log(this.tagName); //方法四:获取被点击的元素

});

参见以上代码

文章来源:https://blog.csdn.net/weixin_39921023/article/details/118284463
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://chatgpt.dhexx.cn/article/FJYl1coQ.shtml

相关文章

js获取子元素

在原生js里获取子元素childNodes ,但是在一些浏览器会把空格当成子元素 html html: <div class="box"><div>2</div><div>1</div> </div>Js: var $ = function(o){ //获取元素函数return document.querySelector(o); }co…

JS的dom操作基础——获取元素

系统提供的方法 在H5之前的技术&#xff1a; 1、getElementById("目标元素的id值") 通过标签的id获取&#xff0c;如果未找到返回null。 2、getElementsByClassName("目标元素的class属性值") 通过标签的class类名获取&#xff0c;获取的元素放在的类…

landsat5数据下载1985年中国地区

1、landsat5中国地区数据数据1451景

Landsat5数据下载中国地区1986年

1、landsat5中国地区1986年数据4005景

Landsat5数据下载中国地区1990年

1、Landsat5中国地区1990年总计10322景

Landsat5数据下载中国地区1992年

1、Landsat5中国地区1992年总计12883景

Landsat5数据下载中国地区1987年

1、Landsat5中国地区1987年总计7456景

Landsat系列卫星

美国NASA的陆地卫星(Landsat)计划&#xff0c;从1972年7月23日以来&#xff0c; 已发射8颗&#xff08;第6颗发射失败&#xff09;。 Landsat8&#xff1a;OLI陆地成像仪&#xff0c;TIRS热红外传感器&#xff0c;卫星一共有11个波段&#xff0c;波段1-7&#xff0c;9-11的空间…

ENVI5.1 从Landsat5数据学习大气纠正

我得到了老师给我的Landset TM数据&#xff0c;下面要自己摸索学习ENVI5.1以及大气纠正了。 好吧&#xff0c;按照一般我自己的学习路线开始吧。彻彻底底地从头开始。 1、首先&#xff0c;得到老师给的这样的的数据。 Landse t数据的命名规则是 以L5123032_03220100605_B10.…

Google Earth Engine ——Landsat 5 TM_TOA数据集DN值缩放的、校准的传感器辐射度数据集

Landsat 5 TM Collection 1 Tier 1 calibrated top-of-atmosphere (TOA) reflectance. Calibration coefficients are extracted from the image metadata. See Chander et al. (2009) for details on the TOA computation. Landsat 5 TM Collection 1 Tier 1校准的大气层顶部…

GEE:时间序列分析2——将Landsat5、7、8所有影像合成一个影像集合,构建NDVI时间序列

本文记录了在Google Earth Engine(GEE)平台上,将Landsat-5、Landsat-7和Landsat-8合成同一个影像集合,并把这个新的影像集合合并成一个大的集合的代码,并计算了NDVI指数,构建了一个NDVI年度合成的时间序列数据集。为之后时间序列分析做数据准备。 其中主要函数已经封装成…

USGS下载LANDSAT5 2级别 影像问题

USGS下载LANDSAT5 2级别 影像问题 算是老师留的课设吧&#xff0c;用到了LANDSAT卫星&#xff0c;在USGS这个傻狗网站上下载&#xff0c;可给我气坏了。。。。 用ENVI打开MTI.txt打不开&#xff0c;提示报错是这样沈的&#xff1a; 回文件夹里一找&#xff0c;笑死&#xff0…

利用ENVI实现landsat 5地表温度反演

1&#xff1a;将landsat 5数据进行大气校正 2&#xff1a;计算NDVI, 3:利用混合相元法计算植被覆盖度 fv 代表裸地的NDVI值&#xff0c;代表全部植被覆盖的NDVI值 根据自己的实际情况确定上述两个值&#xff0c;比如为-0.2&#xff0c;为0.7 利用envi的波段运算&#xff…

envi如何打开Landsat5 TM数据

(1)在envi中点击file>open as>opptical sensions>Landsat>GeoTIFF with Metadata (2)找到解压后的Landsat5数据文件夹&#xff0c;选择文件名为MTL的数据&#xff0c;点击打开。这样Landsat5数据即加载入ENVI中了&#xff0c;并在ENVI中显示出来了。 同样的&#x…

(一)Landsat_5 TM 头文件信息预览(内含各校正重要参数)

一、Landsat_5 TM 参数介绍 注&#xff1a;以下信息参考百度百科 Landsat-5卫星主要轨道特性参数如下&#xff1a; 近极近环形太阳同步轨道 倾角&#xff1a;98.2。 轨道周期&#xff1a;99分钟 穿越赤道时间&#xff1a;上午9点45分/-15分钟 扫描带宽度&#xff1a;185km 重访…

(二)Landsat_5 TM 遥感影像波段合成真假彩色影像

前言 回顾以下Landsat系列卫星的发展史&#xff0c;可以发现Landsat_5卫星已经退役&#xff0c;作为世界上寿命最长的地球观测卫星&#xff0c;其在影像方面对人类的发展具有很深刻的意义。Landsat_5 TM共有7个波段&#xff0c;通过不同的波段组合&#xff0c;形成不同遥感图像…

遥感学习笔记(五)——Landsat卫星简介

美国NASA的陆地卫星(Landsat)计划(1975年前称为地球资源技术卫星 — ERTS )&#xff0c;从1972年7月23日以来&#xff0c; 已发射8颗&#xff08;第6颗发射失败&#xff09;。目前Landsat1—4均相继失效&#xff0c;Landsat 5于2013年6月退役。 Landsat 7于1999年4月15日发射升…

尚硅谷Maxwell视频教程发布

学大数据的小伙伴们&#xff0c; 垒哥的Atlas和Kylin视频看完了吗&#xff1f; 担心你没了学习资料放纵堕落&#xff0c; 垒哥又带着新视频来啦&#xff01; 我问垒哥&#xff1a;今晚不喝酒行吗&#xff1f; 垒哥说&#xff1a;行&#xff01; 我问垒哥&#xff1a;今晚不…

尚硅谷视频总结——Java多线程

多线程 一&#xff1a;基本概念&#xff1a;程序&#xff0c;进程&#xff0c;线程 程序(program)&#xff1a;程序是为完成特定任务&#xff0c;用某种语言编写的一组指令的集合。即指一段静态的代码&#xff0c;静态对象。 进程(process)&#xff1a;进程是程序的一次执行…

Vue学习笔记--第一章(尚硅谷学习视频总结)

目录 一、第一章 Vue核心 1.1. Vue简介 1.1.1. 官网 1.1.2. 介绍与描述 1.1.3. Vue 的特点 1.1.4. 与其它 JS 框架的关联 1.1.5. Vue 周边库 1.2.初识Vue 1.3. 模板语法 1.4. 数据绑定 1.5 el与data的两种写法 1.6 MVVM模型 1.7 Vue中的数据代理 1.8.事件处理 1.…