jQuery与javascript对照学习获取父子前后元素实现代码

ttx9n · 发表于 2009-10-13 20:54:58

jQuery与javascript对照学习(获取父子前后元素) ，需要的朋友可以参考下，看看与js有什么不同。

<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
<title>jQuery与javascript对照学习(获取父子前后元素)</title> 
<style type="text/css"> 
.c1{background-color:green;padding:20px;} 
.c2{background-color:red;padding:20px;} 
.c1 div{background-color:gray;} 
</style> 
 
<script type="text/javascript"> 
function fNext(obj){//许多时候需要元素之间没有间隙才能取到 
//alert(obj.nextSibling.id); 
alert(jQuery(obj).next().attr("id"));//传递this，通过$(obj)转化为jQuery对象 
} 
function fPrev(obj){ 
//alert(obj.previousSibling.id); 
alert(jQuery(obj).prev().attr("id")); 
} 
function fParent(obj){ 
//alert(obj.parentNode.className); 
//alert(jQuery(obj).parent().attr("class")); 
jQuery(obj).parent().removeClass("c1").addClass("c2") 
alert(jQuery(obj).parent().attr("className"));//取得className，当成属性来取 
} 
function fChild(obj){ 
//var childs = obj.childNodes; 
var childs = jQuery(obj).children(); 
for(i=0;i<childs.length;i++){ 
alert(childs[i].id); 
} 
//jQuery的each遍历 
} 
</script> 
</head> 
<body> 
 
first 
second 
parent 
 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

JosephSA · 发表于 2022-8-9 00:58:04

2222222222222222

e5plu · 发表于 2022-8-20 17:26:05

天天源码论坛

u7yxn9 · 发表于 2022-10-30 11:17:48

收下来看看怎么样

w18pvaep · 发表于 2023-6-29 16:32:50

看到这帖子真是高兴！

6hruhg · 发表于 2023-10-21 05:00:37

强烈支持楼主ing……

gc4hg · 发表于 2024-3-6 12:18:42

抽根烟，下来看看再说

3pjdk29w · 发表于 2024-3-9 07:14:32

快更新啊，我擦

fiyeid · 发表于 2024-6-1 07:54:49

额风风风微风微风违法

小伙伴 · 发表于 2024-6-18 05:17:36

灌灌灌灌水

账号		自动登录	找回密码
密码			立即注册

[JavaScript] jQuery与javascript对照学习获取父子前后元素实现代码

相关帖子

[JavaScript] jQuery与javascript对照学习 获取父子前后元素 实现代码

相关帖子

[JavaScript] jQuery与javascript对照学习获取父子前后元素实现代码