当前位置：首页 > 网页特效 > 文字特效 >

parents的用法举例（代码） jquery学习一例

时间：2013-06-09 12:44 来源：互联网作者：源码搜藏收藏推荐

<!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=gb2312" /> 
<title>parents的用法</title> 
<script type="text/javascript" src="http://www.codefans.net/ajaxjs/jquery1.3.2.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() {
	$("a").hover(function() {
		$(this).parents("p").addClass("highlight");
	}, function() {
		$(this).parents("p").removeClass("highlight");
	});
});
</script> 
<style>
.highlight {
    background:gray;
	border: 3px dotted #eee;
}
</style>
</head> 
<body> 
<p>这里没用<p>This is probably the most common mishap. The remedy is simple--yank! It's most easily done
	with two people. One to restrain the bird and the <a href="#"> This is a link. Hover me 
	toThis is a link. Hover me toThis is a link. Hover me toThis is a link. Hover me to
	highlight the parent paragraph.</a> other to pull the feather. Use pliers, or a hemostat. Tweezers won't
	work on primaries. Make certain that the wing bones are firmly supported or you can break the wing.
	Clamp onto the feather and give stop the bleeding as well. Let the bird rest. Ask
	your vet or breeder to demonstrate exactly how to pull a blood feather if you're apprehensive about
	doing it.</p></p>

</body> 
</html>

运行代码保存代码复制代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

jquery学习一例，parents的用法示例。一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。
当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测（例如，处在div中的图像），如果是，则会继续保持“悬停”状态，而不触发移出事件（修正了使用mouseout事件的一个常见错误）。
over (Function): 鼠标移到元素上要触发的函数
out (Function): 鼠标移出元素要触发的函数
jQuery 代码:（请参阅代码）由源码搜藏网整理,转载请注明出处https://www.codesocang.com/tx-wenzi/5206.html