<%@ page language="java" pageEncoding="GBK"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>JQuery单元测试</title>
<script type="text/javascript" src="js/jquery-1.4.3.js"></script>
<script type="text/javascript">
function selTest()
{
//可以取到form中所有的input标记
//form是祖先级的元素
//结果是1、5、2、3
$("form input").each(function(){alert($(this).val());});
//只可以取到form中的input标记
//取不到fieldset中的input标记
//也就是说只能取到儿子辈的，取不到孙子辈的
//form是父级元素
//结果是1、5、3
$("form > input").each(function(){alert($(this).val());});
//取紧跟着label标记的input标记,并且label标记后不能有换行标记，否则也是取不到的
//结果是1和2,取不到5
$("label + input").each(function(){alert($(this).val());});
//取与form同级的input标记
//结果是4
$("form ~ input").each(function(){alert($(this).val());});
}
</script>
</head>
<body>
<input type="button" name="btn" value="层级选择器" onclick="selTest();">
<form action="#">
<label>label1</label>
<input type="text" value="1" name="text1" />
<input type="text" value="5" name="text5" /><br/>
<fieldset>
<label>label2</label>
<input type="text" name="text2" value="2" /><br/>
</fieldset>
<input type="text" value="3" name="text3"/><br/>
</form>
<input type="text" value="4" name="text4"/>
</body>
</html>
分享到：
相关推荐
主要介绍了jQuery层级选择器用法,实例分析了常见的四种层级选择器的使用技巧,并给出了实例总结,需要的朋友可以参考下
主要为大家详细介绍了jQuery层级选择器实例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
JQuery选择器，xpath类型等的选择器
下面小编就为大家带来一篇jquery层级选择器的实现(匹配后代元素div)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
主要为大家详细介绍了jQuery层级选择器的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
下面小编就为大家带来一篇jquery层级选择器(匹配父元素下的子元素实现代码)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
层级选择器;jQuery选择器;;; 筛选选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器; 排他思想;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery...
JQ 选择器大全包含：基本选择器,层级选择器,层级函数,过滤选择器,内容选择器,可见选择器,jq中显示相关的函数,属性选择器,子元素选择器,表单选择器。里面的练习题可以拿来练手
jQuery 3.1 标准课程第二章 选择器层级选择器
Jquery表单-层级-内容-属性-子元素选择器知识点整理，主要是关于Jquery选择器的知识点整理包括页面属性的选择如$(":empty")等，子元素的选择，层级选择$("parent > child")等
jQuery 选择器 XMind整理, 包含基本选择器,层级选择器, 过滤选择器
对jquery的选择器进行总结。 特点： 简练、实用的说明了，id、名称、及层级选择。
jQuery的出现，大大的提升了我们操作dom的效率，使得我们的开发更上一层楼，如jQuery的选择器就是一个很强大的功能，它包含了类选择器、id选择器、属性选择器、元素选择器、层级选择器、内容筛选选择器等等，很是...
一款多级联动选择器，可自定义层级
本篇文章记录了Jquery基础学习过程中的Jquery选择器以及核心函数。Jquery选择器：基本元素选择器，层级选择器，过滤选择器，子元素过滤选择器，表单过滤选择器，属性选择器，表单对象过滤选择器。
本篇文章主要是对jquery选择器之层级过滤选择器进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
本文实例讲述了JQuery常用选择器功能与用法。分享给大家供大家参考，具体如下： JQuery基础回顾 今天对JQuery内容进行了回顾，下面进行一些总结： JQuery是javascript的一...层级选择器有：子选择器$(“parent>child”