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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jQuery与javascript对照学习获取父子前后元素实现代码

Javascript: JavaScript中出现乱码的处理心得; JQuery 写的个性导航菜单; Jquery 高亮显示文本中重要的关键字; 使用jQuery获取radio/checkbox组的值的代码收集; jquery 弹出登录窗口实现代码; JQuery与iframe交互实现代码; Javascript 键盘keyCode键码值表; javascript 事件加载与预加载; javascript 处理事件绑定的一些兼容写法; javascript 鼠标事件总结; javascript 异步的innerHTML使用分析; javascript 键盘事件总结推荐; javascript Array对象使用小结; 再谈javascript 动态添加样式规则 W3C校检; 用Javascript同时提交多个Web表单的方法; javascript 闪烁的圣诞树实现代码; 键盘上下键移动选择table表格行的js代码; javascript 计算两个整数的百分比值; js tab效果的实现代码; 默认让页面的第一个控件选中的javascript代码

No. « ‹ 253 254 255 256 › »

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 51 ::

收藏到网摘: n/a

jquery pagination插件实现无刷新分页代码通用javascript脚本函数库方便开发

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" src="style/jquery-1.3.2.min.js"></script>
<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>
<div class="c1" onclick="fChild(this);">
<div id="first" onclick="fNext(this);">first</div>
<div id="second" onclick="fPrev(this);">second</div>
<div id="third" onclick="fParent(this);">parent</div>
</div>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

jquery pagination插件实现无刷新分页代码通用javascript脚本函数库方便开发

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

评论 (0) All

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