<%@ 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(){
//DOM加载完成后给div和table加样式
$("div").css({border:"solid 1px red",width:"20%"});
$("table").css({border:"solid 1px red",width:"20%"});
});
function contentTest()
{
//匹配内容中含有John的层对象
$("div:contains('John')").each(function(i){alert($(this).text());});
}
function emptyTest()
{
//匹配内容为空的td对象
$("td:empty").each(function(i){alert("id:" + $(this).attr("id"));});
}
function hasTest()
{
//匹配含有p对象的div元素
$("div:has(p)").each(function(i){alert($(this).html());});
}
function parentTest()
{
//匹配内容包含子元素的td对象
$("td:parent").each(function(i){alert($(this).html());});
}
</script>
</head>
<body>
<input type="button" value="匹配包含John的层" onclick="contentTest();"><br/><br/>
<div>John Resig</div><br/>
<div>George Martin</div><br/>
<div>Malcom John Sinclair</div><br/>
<div>J. Ohn</div><br/>
<input type="button" value="匹配空元素" onclick="emptyTest();">
<input type="button" value="匹配含有子元素的对象" onclick="parentTest();"><br/><br/>
<table border="1" cellspacing="0" cellpadding="0">
<tr><td>Value 1</td><td id="1"></td></tr>
<tr><td>Value 2</td><td id="2"></td></tr>
</table><br/>
<input type="button" value="匹配含有P的div" onclick="hasTest();"><br/><br/>
<div><p>Hello</p></div>
<div>Hello again!</div>
</body>
</html>
分享到:
相关推荐
本文实例讲述了jQuery内容选择器与表单选择器。分享给大家供大家参考,具体如下: 内容选择器 jQuery内容过滤选择器的过滤规则主要运用在DOM元素所包含的子元素或其文本内容上,主要包括以下四种过滤方法: 内容选择...
一个简单的jQuery时间选择器
jQuery时间选择器点击选择小时分钟代码
Jquery选择器; 基本选择器;jQuery选择器;jQuery选择器; 层级选择器;jQuery选择器;;; 筛选选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器; 排他思想;jQuery选择器;jQuery...
ColorPicker基于强大的jQuery,使用方便、配置简单,同时不需要加载额外的CSS文件。可以随心所欲的使用到项目中,兼容各大浏览器。
Jquery选择器,Jquery选择器Jquery选择器Jquery选择器Jquery选择器Jquery选择器
JQ 选择器大全包含:基本选择器,层级选择器,层级函数,过滤选择器,内容选择器,可见选择器,jq中显示相关的函数,属性选择器,子元素选择器,表单选择器。里面的练习题可以拿来练手
jquery 元素选择器使用方法技巧 jquery 元素选择器使用方法技巧 jquery 元素选择器使用方法技巧
Jquery颜色选择器插件,通过Jquery模拟实现颜色选择器,便于网页中设置颜色
jquery 城市选择器代码
jquery双向选择器代
JQuery选择器,xpath类型等的选择器
jquery的核心在于他的标签的选择器,打开jquery的文档你会发现,里面的选择器占据了很大的一部分的比例,
jquery颜色选择器源码,只提供学习和使用
非常好用的 jquery颜色选择器,非常好用的 jquery颜色选择器,非常好用的 jquery颜色选择器,非常好用的 jquery颜色选择器
JQuery 颜色选择器JQuery 颜色选择器JQuery 颜色选择器JQuery 颜色选择器JQuery 颜色选择器
jquery 选择器 描述
基于jQuery的日期选择器插件,可用户选择日期和生日使用,使用前请先加载一个jQuery库,原创作品,仅供学习交流。
jquery 颜色选择器,使用简单,简单配置使用颜色选择器,实现颜色的选择