Jquery之end()方法

最新推荐文章于 2023-03-16 15:27:10 发布

静山晚风

最新推荐文章于 2023-03-16 15:27:10 发布

阅读量863

点赞数

分类专栏： Jquery

本文链接：https://blog.csdn.net/cgwcgw_/article/details/11180653

版权

Jquery 专栏收录该内容

96 篇文章 0 订阅

订阅专栏

   // alert($("#css").find("#rain").html());
    //输出：  测试
    alert($("#css").find("#rain").end().html());
   //输出： <div id="rain">测试</div>

<!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>hello world</title> 
<script type="text/javascript" src="jquery-1.1.3.pack.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){

$("input").click(function(){
   // alert($("#css").html());  
   //输出： <div id="rain">测试</div>
   // alert($("#css").find("#rain").html());
    //输出：  测试
    alert($("#css").find("#rain").end().html());
   //输出： <div id="rain">测试</div>

//    从上面可以看出，
//   end()结束对 “#rain” 的引用而返回到 “#css ”
//   所以“ html()” 是对于 “#css” 起作用的
//   如果不加end() 则 “html()”是对 #rain 起作用

});

}); 
</script> 
<style>
.test
{
color:red;
}
</style>
</head> 

<body> 
<input type="button"  value="test" >

<div id="css"><div id="rain">测试</div></div>

<a href="http://www.cssrain.cn">

可以修改jQuery选定并且以end()结束的方法有：
add()
children()
eq()
filter()
find()
gt()
lt()
next()
not()
parent()
parents()
siblings()
更具体的请察看API文档
</a>
</body> 
</html>

静山晚风

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Jquery之end()方法

1 // alert($("#css").find("#rain").html()); //输出：测试 alert($("#css").find("#rain").end().html()); //输出：测试2 hello world $(document).ready(function(){$("input").click(
复制链接

扫一扫