首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js、jQuery 获取文档、窗口、元素各种

基于两年开发经验,总结了 javascript、jQuery 获取窗口、文档、元素各种 javascript: 文档:是整个document所有的内容 浏览器当前窗口文档body宽度: document.body.clientWidth...在当前触发鼠标事件元素和它祖先元素中找到最近具有定位属性元素,计算鼠标与其偏移, 以找到元素border左上角外交点作为相对点。...offsetY : offsetY和layerY不同在于,前者在计算偏移时,相对于元素border左上角内交点, 因此当鼠标位于元素border上时,偏移是一个负值...另外offsetY并不在乎触发事件元素是否有定位属性,它总是相对于触发事件元素来计算偏移。...2.在元素具有上边框border-top情况下, layerY比offsetY多一个border-top宽度

14K32

【Kotlin】集合操作 ① ( List 创建与元素获取 | 安全获取集合元素 | getOrElse | getOrNull )

文章目录 一、List 创建与元素获取 二、安全获取集合元素 1、getOrElse 函数 2、getOrNull函数 三、List 创建与元素获取代码示例 一、List 创建与元素获取 ----...Kotlin 中集合分为两类 , 只读集合 和 可变集合 ; 调用 listOf 函数 , 可以 直接创建 List 集合 ; 通过 [] 下标可以 直接获取 List 集合元素 ; fun main...除了使用 [] 下标获取 List 集合元素外 , Kotlin 还提供了 安全获取集合元素 方法 : getOrElse 和 getOrNull 函数 ; 1、getOrElse 函数 List= 0 && index <= lastIndex) get(index) else defaultValue(index) } 参数分析 : 在该函数中 , 传入了两个参数 , 第一个参数是元素索引..., 第二个参数是一个 Lambda 表达式 ; 该 Lambda 表达式 Int 类型参数就是 index: Int 参数 ; 返回分析 : 返回给定[index]处元素,如果[index]不在列表范围内

1.4K20
您找到你想要的搜索结果了吗?
是的
没有找到

JavaScript数组求和_js获取对象数组第一个元素

Array.prototype.reduce()函数可用于遍历数组,将当前元素添加到先前项目总和中。...它是函数初始或先前返回。 CurrentValue 是 必需 参数。它是数组中当前元素。 该 CURRENTINDEX 是一个 可选 参数。它是当前元素索引。...如果 在reduce()方法调用中提供了 initialValue,则总数将等于 initialValue,而 currentValue 将类似于数组中第一个。...如何在JS示例中找到数组和 让我们定义一个具有五个数组,然后使用array.reduce()方法找到该数组总和。...我们对数组所有整数求和。 现在,它在幕后作用是,在第一种情况下,初始为0,而第一个元素为11。因此,11 + 0 = 11。 在第二个循环中,我们为11,下一个为21。

6.8K20

js获取元素几种形式

通过id获取元素 document.getElementById('div');//获取id为div元素 通过class获取 document.getElementsByClassName('top'...);//获取页面中所有的class为top元素集合 通过标签名获取 document.getElementsByTagName('p');//获取页面中所有的标签为p元素集合 通过name获取 document.getElementsByName...('user');//获取页面中所有的name为user元素集合 注意:通过class,name标签名抓取元素是一个集合,即使该类只有一个符合要求元素目标,也返回是一个集合,因此可以存储变量,通过变量名...[0]获得第一个符合要求标签目标....抓取class为例 var tops=document.getElementsByClassName('top');//抓取页面所有class为top集合 tops[0]为第一个符合.

25.2K30

jquery获取第几个子元素_js获取元素指定子元素

先说说通过位置选择几个操作: :first:默认情况下是相对整个页面来说第一个,如:li:first表示整个页面的第一个li元素,而ul li:first表示整个页面的第一个li元素,并且是在ul...下元素; :last:同上了,只是是最后一个而已; :first- child:为每个父元素匹配第一个元素,如li:first-child返回每个ul第一个li元素。...可以这样理解,页面中元素有相同元素 ,并且里面又包含li元素,那么就取第一个li元素,每个子类集合都要进行判断,直到找出所有符合要求li元素; :last-child:这个也与上面相对了,...; :eq(n):第n个匹配元素(n从0开始),如:li:eq(3)返回整个页面的第四个li元素,ul li:eq(1)返回页面中第一个ul元素第二个li元素,注意:只匹配一次就返回了; :gt...C等效于*.C; E#I:匹配id为I所有元素E,#I等效于*#I; E[A]:匹配带有属性A所有元素E; E[A=V]:匹配所有属性A为V元素E; E[A^=V]:匹配所有元素E,且A属性

27K30

php如何获取数组第一个元素

在本文中我们将学习 使用array_shift()函数检索数组第一个元素 使用reset()函数检索数组第一个元素 获取数组第一个元素 在这里,我们将介绍如何使用array_shift和reset...函数来检索数组第一个元素。...php如何获取数组第一个元素 使用array_shift()函数 array_shift函数用于删除数组中第一个元素,并返回被删除元素。...= apple fruits = orange fruits = melon fruits = banana fruits = pineapple 从执行结果可以看出,使用array_shift函数获取数组第一个元素...因此,如果要删除数组第一个元素,可以看到使用array_shift函数是可以。 使用reset()函数 使用reset函数也可以从数组检索第一个元素

1.9K20

【Kotlin】集合操作 ⑤ ( Map 集合 | 获取 Map | Map 遍历 | 可变 Map 集合 )

文章目录 一、Map 集合 二、获取 Map 三、Map 遍历 四、可变 Map 集合 一、Map 集合 ---- 调用 mapOf 函数 创建 Map 集合 , 键值对 元素有两种初始化方式 :...Map ---- 获取 Map : 使用 取值运算符 [] 获取 Map 集合 , 运算符中传入 键 , 如果找不到 键 对应 , 返回 null ; 使用 Map#getValue...(key) 使用 Map#getOrElse 函数 , 获取 键 对应 , 如果没有找到则返回 Lambda 表达式 参数 返回 ; public inline fun Map...Map 集合 , 运算符中传入 键 , 如果找不到 键 对应 , 返回 null println(map["Tom"]) // 使用 Map#getValue 函数 ,...获取 键 对应 , 如果没有找到则抛出异常 println(map.getValue("Tom")) // 使用 Map#getOrElse 函数 , 获取 键 对应 ,

2.3K40

【Python】集合 set ③ ( 集合常用操作 | 清空集合元素 | 获取两个集合差集 | 消除两个集合差集 | 获取两个集合并集 | 计算集合元素数量 | 集合遍历 )

", "Jack", "Tom"} # 上述集合中有两个 Tom 字符串, 由于 集合 不能重复, 第一个 Tom 字符串被删除 print(f"names = {names}, type = {type...执行结果 : names = {'Tom', 'Jerry', 'Jack'}, type = names = set(), type = 二、获取两个集合差集...- 集合 A 有集合 B 没有 获取两个集合差集 : 集合 A 有集合 B 没有 集合A.difference(集合B) 该函数会得到一个新集合 , 原来 集合 A 和 集合 B 都不变 ; 代码示例...2, 3} {2, 3, 4} {1} 三、消除两个集合差集 - 集合 A 中删除与集合 B 相同元素 消除两个集合差集 : 在集合 A 中删除与集合 B 相同元素 ; 集合A.difference_update...消除参照集合 不变 执行结果 : {1} {2, 3, 4} 四、获取两个集合并集 - 集合 A 与集合 B 合并 获取两个集合并集 : 将 集合 A 与集合 B 中元素合并到一个新集合中 ; 集合

19430

js获取元素样式之getComputedStyle方法

习惯了jquery同学应该都知道获取元素样式方式可以直接写成(obj).css(style);更方便获取高度宽度等一些样式可以直接使用(obj).height()和 一、 getComputedStyle...是什么 getComputedStyle是一个可以获取当前元素所有最终使用CSS属性。...为什么要用这个属性呢,是因为通过document.getElementById(element).style.xxx可以获取元素样式信息但是对于通过class属性引用外部样式表就获取不到了。...但是getComputedStyle属性是只读属性,只能读属性,不能设置,但是他可以获取元素最终样式信息。...,差别在于element.currentStyle返回元素当前应用最终CSS属性(包括外链CSS文件,页面中嵌入属性等)。

22.5K30
领券