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中获取元素的几种方式小结相关推荐

  1. 网页加载的不同的方式、点击按钮显示一句话、jQuery中获取元素的方法

    网页加载的不同的方式 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...

  2. (js)删除数组中某个元素的几种方式

    (js)删除数组中某个元素的几种方式 filter 删除删除数组中某个指定元素 //过滤出item.srcConcept != this.vertex的对象 this.edit.conceptData ...

  3. jquery 获取同级元素_如何在jQuery中获取元素的同级

    jquery 获取同级元素 In this post, we will discuss how to get the siblings of an HTML element in jQuery. jQ ...

  4. android获取自定义属性,android 自定义控件中获取属性的三种方式(转)

    第一种方法,直接设置属性值,通过attrs.getAttributeResourceValue拿到这个属性值. (1)在xml文件中设置属性值 android:layout_width="f ...

  5. JS 删除数组中某个元素的几种方式

    目录 第一种:删除最后一个元素 pop 删除 slice 删除 splice 删除 for 删除 length 删除 第二种: 删除第一个元素 shift 删除 slice 删除 splice 删除 ...

  6. JavaScript删除数组中某个元素的几种方式

    文章目录 第一种:删除最后一个元素 pop 删除 slice 删除 splice 删除 for 删除 length 删除 第二种: 删除第一个元素 shift 删除 slice 删除 splice 删 ...

  7. java 时间戳 对比_Java中获取时间戳的三种方式对比实现

    Java中获取时间戳 三种方式对比 最近项目开发过程中发现了项目中获取时间戳的业务.而获取时间戳有以下三种方式,首先先声明推荐使用System类来获取时间戳,下面一起看一看三种方式. 1.System ...

  8. JS中获取时间戳的几种方式

    在实际的项目开发中,我们经常会遇到使用时间戳的场景,获取时间戳的方式也有很多种,本文做下常用的几种方式: 1. getTime() var dates = new Date(); var times ...

  9. android中获取打气筒的几种方式

    1,简单说明,打气筒就是将我们的xml布局转换为我们的view对象,不扯远了,直接看代码 1 A:从context中获取 2 LayoutInflater inflater1 = LayoutInfl ...

最新文章

  1. 关于Android开源库分享平台,(GitClub)微信小程序的开发体验
  2. if __name__ == __main___Python的if __name__==#x27;__main__#x27;你都懂了吗
  3. 161026、更快速将你的页面展示给用户[前端优化篇]
  4. Thinkphp带表情的评论回复实例
  5. ds18b20触摸没反应_DS18B20温度偏差大、温度乱跳动原因及解决办法
  6. verilog异步复位jk触发器_异步复位同步释放原理
  7. 【转】揭开Linux的Swap之谜
  8. 在线CSS代码压缩美化工具
  9. 苹果Mac视频格式转换器:Filmage Converter
  10. 【洛谷】P1216数字三角形
  11. 其实,以前都没发现------网易公开课
  12. 怎么学计算机玩游戏,如何才能录制手机玩游戏的视频-电脑自学网
  13. stm32 c语言运行速度,stm32F7,cache,tcm及运行速度问题
  14. 从多个Word文档中批量取值,整理到Excel表中。
  15. 凑巧,电脑的双系统删除了2345的残留服务和缓存!
  16. PADS9.5—layout中导入.asc文件时遇到的问题
  17. 关于手机系统。。。。
  18. ubuntu18.04添加网络共享文件夹
  19. 计算机组成原理课程设计_微程序控制的运算器设计
  20. 机器学习入门(二) 准备工作

热门文章

  1. mysql测试工作中的应用_Mysql精华总结,解决测试人员面试中的碰到的一切Mysql问题(一)...
  2. FPGA经验分享——时序收敛之路
  3. 二叉树的的前序遍历和后序遍历(题型变种更新中)
  4. 阿里云MVP闪亮云栖大会,技术干货持续更新中
  5. OCP换题库了,052新加的考题及答案整理-第16题
  6. iOS H264,H265视频编码(Video encode)
  7. 列表的定义、索引、添加、删除、查找、排序
  8. 泰一指尚大数据应用成为第一批省级重点企业研究院
  9. 美国智能家居止步不前 原因是产品过于碎片化
  10. centos 7 五笔安装