1 从集合中通过指定的序号获取元素
html：

复制代码 代码如下:
<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>

JS

复制代码 代码如下:
<script type="text/javascript">
jQuery(function(){
$("p").eq(2).css("color","red");
$("p").eq(3).css("color","red");
})
</script>

2 获取指定条件一致和指定范围的元素
html:

复制代码 代码如下:
<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>

JS

复制代码 代码如下:
<script type="text/javascript">
jQuery(function(){
$("p").filter('.center').css("color","red");
})
$(function(){
$("p").slice(5,7).css("color","yellow");
})
</script>

3 获取与条件表达式一致的元素
html:

复制代码 代码如下:
<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>

js

复制代码 代码如下:
<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 获取元素的上一个元素和下一个元素
Html:

复制代码 代码如下:
<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>

js

复制代码 代码如下:
//获取元素的下一个元素
jQuery(function(){
$("p").next(".yes").css("color","red");
})
//获取元素的上一个元素
jQuery(function(){
$("p").prev(".yes").css("color","red");
})

5 获取元素的父元素和子元素
html:

复制代码 代码如下:
<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>

js

复制代码 代码如下:

//获取元素的父元素
jQuery(function(){
$("p").parent().css("color","red");
})
//获取元素的子元素
jQuery(function(){
$("#aa").children(".yes").css("color","red");
})

//复制第一个元素

<div id="divName">
  <input type="text" name="stuName1" value="zhaodong1">
  <input type="text" name="stuName2" value="zhaodong2">
  <input type="text" name="stuName3" value="zhaodong3">
  <input type="text" name="stuName4" value="zhaodong4">
  <input type="text" name="stuName5" value="zhaodong5">
  </div>

//alert($("#divName input:first").val());
  //alert($("#divName>input:first").val());
  //alert($("#divName").children("input:first-child").val());
  //alert($("#divName").children("input:first").val());
  //alert($("#divName").children(":first").val());
  //alert($("#divName :first").val());
  //alert($($("#divName").children()).get(0).value);
  //alert($("#divName").children().first().val());

最新文章

  1. Windows 64位下装Oracle 11g，PLSQL Developer的配置问题,数据库处显示为空白的解决方案
  2. POJ 2240 - Arbitrage（bellman_ford &amp; floyd）
  3. SQL Server编程（06）触发器
  4. windows上用netstat查看端口/进程占用
  5. Android UI开发详解之Fragment
  6. Winedt10 添加自定义宏
  7. Django的 select_related 和 prefetch_related 函数对 QuerySet 查询的优化（三）
  8. shell ps1 提示设置
  9. C程序设计语言（第二版）习题：第二章
  10. android 以不规则图片为边框切割另外图片
  11. linux系统环境与文件权限
  12. 百度编辑器UEditor常用设置函数
  13. OpenCV——PS 图层混合算法 （四）
  14. java 文件目录树
  15. 在pycharm中运行python程序
  16. [SHOI2006] 有色图
  17. maven web项目配置log4j,及log4j参数设置
  18. 基于Deep Learning的中文分词尝试
  19. 1082 线段树练习 3 &amp;&amp; 树状数组区间修改区间查询
  20. 《精通Python设计模式》学习之原型模式

热门文章

  1. 当我们有多个类 继承同一个父类 这时候使用多态时候 可以使用该父类的类型做引用 不需要将object做引用
  2. bzoj2969 矩形粉刷 概率期望
  3. Redis的String、Hash类型命令
  4. vim在行首和 行尾加
  5. CDOJ--1550&amp;&amp;1731
  6. 我的emacs简易配置
  7. 2018-2019 ACM-ICPC 沈阳赛区 K. Let the Flames Begin
  8. HDU1536：S-Nim（sg函数）
  9. array_intersect、array_intersect_key、array_intersect_assoc、array_intersect_ukey、array_intersect_uassoc 的用法
  10. -webkit-line-clamp 多行文字溢出...