jQuery之搜索子元素

原创 2012年03月27日 23:10:34

1:children()方法

      用于获取一个包含匹配的元素集合中每一个元素的所有子元素的元素集合,语法格式如下:

      children([selector])

     $("#menu_ul").children().css("color", "blue");


2:find()方法

      用于从每个匹配元素中查找符合指定选择器表达式的后代元素,格式如下:

          find([selector])

       $("ul").find("span").css("color", "blue");  将ul元素下的span元素的文本元素设置为蓝色


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>搜索指定元素的子元素</title>
<script src="jquery-1.4.2.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
   $(document).ready(function(){
	  $("#login").children("input").css("background","#FCF");//给div元素的直接子元素设置背景色
	  $("#login").contents().css("color","red");     //设置指定元素字节点的文本颜色
	  $("#tab").find("td").css("border","1px solid blue").css("color","Green");//设置指定div元素下的td元素的边框及字体颜色
	  })
</script>
</head>

<body>
<h3>搜索指定元素的子元素</h3>
<div>
    <div id="login">
        用户名:<input type="text"  value="用户名"/>
        密码:<input type="password" value="密码" />
        <div><input type="submit"  value="登录"/><input type="reset"  value="重置"/></div>
    </div>

   <div id="tab"> 
      <table width="452" height="176" border="1">
  <tr>
    <td>单元格</td>
    <td>单元格</td>
  </tr>
  <tr>
    <td>单元格</td>
    <td>单元格</td>
  </tr>
  <tr>
    <td>单元格</td>
    <td>单元格</td>
  </tr>
  <tr>
    <td>单元格</td>
    <td>单元格</td>
  </tr>
  <tr>
    <td>单元格</td>
    <td>单元格</td>
  </tr>
</table>

  </div>
</div>
</body>
</html>

效果图:

  


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

js和jquery获取父级元素、子级元素、兄弟元素的方法

先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 ...

JQuery查找子元素find()和遍历集合each的方法积累

JQuery查找子元素find()和遍历集合each的方法积累

jquery查找元素

//$("div font").css("color","purple");//选择div下面是所有的(不管多少级)font的 $("div > font").css("color",&q...

jquery查找指定id元素下的某个或某些元素

find用法: Hello, how are you? $("p").find("span") 1.为什么要用find: 通常,选择一个元素很简单,$("#id")就可以搞定, 但是如果想...

黑马day16 子jquery&子元素过滤选择器

此选择器主要对所选择的表单元素进行过滤 1、:enabled 用法: $(”input:enabled”)    返回值  集合元素      说明:匹配所有可用元素.意思是查找所有input...

jQuery 的子元素过滤选择器

Untitled Document div, span, p { width: 140px; height: 140px; margin...

jQuery_子元素过滤选择器

Untitled Document div, span, p { width: 140px; height: 140px; margin...

jQuery子元素过滤器

jQuery子元素过滤器:nth-child(index) ,获得第几个孩子,从1开始。 :first-child , 获得第一个孩子 :last-child , 获得最后孩子 :only...

JQuery里的子元素过滤选择器,加空格与不加空格的区别

最近学习jquery,发现它的选择器的写法与css的基本语法很像,加不加空格差别很大。 $(“:first-child)——:first只是返回单个元素,而first-child选择符将为每个父元素...

一个例子看清楚JQuery子元素选择器children()和find()的区别

children()和find()的差别在于: 1.children方法获得的仅仅是元素一下级的子元素,即:immediate children 2.find方法获得所有下级元素,即:all desc...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)