jquery中获取元素的几种方式小结
1 从集合中通过指定的序号获取元素
<div><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p></div> <script type="text/javascript">jQuery(function(){$("p").eq(2).css("color","red");$("p").eq(3).css("color","red");})</script>
2 获取指定条件一致和指定范围的元素
<div><p>0</p><p>1</p><p class="center">2</p><p class="center">3</p><p>4</p><p>5</p><p>6</p><p>7</p></div> <script type="text/javascript">jQuery(function(){$("p").filter('.center').css("color","red");})$(function(){$("p").slice(5,7).css("color","yellow");})</script>
3 获取与条件表达式一致的元素
<div><p>0</p><p>1</p><p class="center">2</p><p class="center">3</p><p>4</p><p class="aa">5</p><p>6</p><p>7</p></div> <script type="text/javascript">jQuery(function(){$("p").each(function(){switch(true){case $(this).is(".center"):$(this).css("color","red");break;case $(this).is(".aa"):$(this).css("color","yellow");break;}})})</script>
4 获取元素的上一个元素和下一个元素
<div id="aa"><p>1号</p><p class="yes">2号</p><p>3号</p><p>4号</p><p>5号</p><p class="yes">6号</p><p class="yes">7号</p></div> //获取元素的下一个元素jQuery(function(){$("p").next(".yes").css("color","red");})//获取元素的上一个元素jQuery(function(){$("p").prev(".yes").css("color","red");})
5 获取元素的父元素和子元素
<div id="aa"><p>1号</p><p class="yes">2号</p><p>3号</p><p>4号</p><p>5号</p><p class="yes">6号</p><p class="yes">7号</p></div> //获取元素的父元素jQuery(function(){$("p").parent().css("color","red");})//获取元素的子元素jQuery(function(){$("#aa").children(".yes").css("color","red");})
jquery中获取元素的几种方式小结相关推荐
- 网页加载的不同的方式、点击按钮显示一句话、jQuery中获取元素的方法
网页加载的不同的方式 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
- (js)删除数组中某个元素的几种方式
(js)删除数组中某个元素的几种方式 filter 删除删除数组中某个指定元素 //过滤出item.srcConcept != this.vertex的对象 this.edit.conceptData ...
- jquery 获取同级元素_如何在jQuery中获取元素的同级
jquery 获取同级元素 In this post, we will discuss how to get the siblings of an HTML element in jQuery. jQ ...
- android获取自定义属性,android 自定义控件中获取属性的三种方式(转)
第一种方法,直接设置属性值,通过attrs.getAttributeResourceValue拿到这个属性值. (1)在xml文件中设置属性值 android:layout_width="f ...
- JS 删除数组中某个元素的几种方式
目录 第一种:删除最后一个元素 pop 删除 slice 删除 splice 删除 for 删除 length 删除 第二种: 删除第一个元素 shift 删除 slice 删除 splice 删除 ...
- JavaScript删除数组中某个元素的几种方式
文章目录 第一种:删除最后一个元素 pop 删除 slice 删除 splice 删除 for 删除 length 删除 第二种: 删除第一个元素 shift 删除 slice 删除 splice 删 ...
- java 时间戳 对比_Java中获取时间戳的三种方式对比实现
Java中获取时间戳 三种方式对比 最近项目开发过程中发现了项目中获取时间戳的业务.而获取时间戳有以下三种方式,首先先声明推荐使用System类来获取时间戳,下面一起看一看三种方式. 1.System ...
- JS中获取时间戳的几种方式
在实际的项目开发中,我们经常会遇到使用时间戳的场景,获取时间戳的方式也有很多种,本文做下常用的几种方式: 1. getTime() var dates = new Date(); var times ...
- android中获取打气筒的几种方式
1,简单说明,打气筒就是将我们的xml布局转换为我们的view对象,不扯远了,直接看代码 1 A:从context中获取 2 LayoutInflater inflater1 = LayoutInfl ...
最新文章
- 关于Android开源库分享平台,(GitClub)微信小程序的开发体验
- if __name__ == __main___Python的if __name__==#x27;__main__#x27;你都懂了吗
- 161026、更快速将你的页面展示给用户[前端优化篇]
- Thinkphp带表情的评论回复实例
- ds18b20触摸没反应_DS18B20温度偏差大、温度乱跳动原因及解决办法
- verilog异步复位jk触发器_异步复位同步释放原理
- 【转】揭开Linux的Swap之谜
- 在线CSS代码压缩美化工具
- 苹果Mac视频格式转换器:Filmage Converter
- 【洛谷】P1216数字三角形
- 其实,以前都没发现------网易公开课
- 怎么学计算机玩游戏,如何才能录制手机玩游戏的视频-电脑自学网
- stm32 c语言运行速度,stm32F7,cache,tcm及运行速度问题
- 从多个Word文档中批量取值,整理到Excel表中。
- 凑巧,电脑的双系统删除了2345的残留服务和缓存!
- PADS9.5—layout中导入.asc文件时遇到的问题
- 关于手机系统。。。。
- ubuntu18.04添加网络共享文件夹
- 计算机组成原理课程设计_微程序控制的运算器设计
- 机器学习入门(二) 准备工作