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

2016-02-19 14:43 3 1 收藏

下面图老师小编跟大家分享jQuery与javascript对照学习 获取父子前后元素 实现代，一起来学习下过程究竟如何进行吧！喜欢就赶紧收藏起来哦~

【 tulaoshi.com - Web开发】

html xmlns="http://www.w3.org/1999/xhtml" headtitlejQuery与javascript对照学习(获取父子前后元素)/titlestyle type="text/css".c1{background-color:green;padding:20px;}.c2{background-color:red;padding:20px;}.c1 div{background-color:gray;}/stylescript type="text/javascript" src="style/jquery-1.3.2.min.js"/scriptscript 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;ichilds.length;i++){alert(childs[i].id);}//jQuery的each遍历}/script/headbodydiv class="c1" onclick="fChild(this);"div id="first" onclick="fNext(this);"first/divdiv id="second" onclick="fPrev(this);"second/divdiv id="third" onclick="fParent(this);"parent/div/div/body/html
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

来源:https://www.tulaoshi.com/n/20160219/1607711.html

上一篇：实例讲解启动mysql server失败的解决方法
下一篇： MySQL事务数据库(InnoDB类型)的安装方法

看过《jQuery与javascript对照学习 获取父子前后元素 实现代》的人还看了以下文章更多>>

jQuery与javascript对照学习 获取父子前后元素 实现代 02-19
Baby  3.   6.    5. Don’t cry* 02-20
jquery imgareaselect 使用利用js与程序结合实现图片 02-19
Dreamweaver&nbsp;cs3&nbsp;彩蛋 02-19
jQuery插件 tabBox实现代码 02-19
jQuery 可以拖动的div实现代码 02-19
In your world-我是过客 02-20
jquery tabs的实现代码 02-19
jquery 获取当前元素的索引值 02-19
利用Windows&nbsp;XP实现网络远程统一关机 02-20

春季饮食养生可以多吃些草莓&nbsp;

标签：春季养生养生健康

岭南地区今春气候可能热中偏燥，再兼去年寒湿重，www.tulaoshi.com故很容易导致内寒外热、肝气郁滞。另一方面，春天又是肝气升发的季节，由于肝气上逆，肝病患者容易出现病情变化，肝功能异常，严重者甚至会发生出血。广东省中医院肝病科主任池晓玲表示，春季养肝药膳食疗应重在平肝气、养肝阴、去风热。 .hzh {display: none; } 太...

jQuery 练习[一] 学习jquery的准备工作

标签： Web开发

使用 jQuery 写 JavaScript 脚本就像是用 Delphi 写 Windows 程序一样, 它不是更强大, 只是更易用. 计划先全面浏览、测试一遍 jQuery 的语法, 同时洞察其逻辑与思想; 最后尝试在 Delphi 中使用 jQuery, 估计要比使用 MSHTML.pas 方便得多. 官方站点: http://jquery.com/ 中文文档: http://jquery-api-zh-cn.googlecode.com/ 下载地址: http:/...

作业快到火里来  你才到火里去！ - QQ搞笑分组

标签：电脑入门

作业快到火里来你才到火里去！你不能找个大点的火吗作业那么多怎么烧的完啊 --------------------------------...

Jquery 学习笔记（二）

标签： Web开发

选择器从最开始看到Jquery这样的选择器就让我想起了CSS的选择器，简直是同出一辙啊，CSS的选择器语法个人觉得相当的经典，那么Jquery借鉴CSS也就没有多少疑问了。还是复习一下Jquery的选择器吧其中h1为选择器，color:red与background:#d00与声明，两者结合也即{}内称为声明块；color与background称为属性；red与#d00称为值。其中选...

jQuery DIV弹出效果实现代码

标签： Web开发

先上个效果图，可以点击Close按钮或是在遮罩层上任意处点击，就可以关闭弹出层。 HTML代码代码如下: div id='pop-div' style="width: 300px" class="pop-box" h4标题位置/h4 div class="pop-box-body" p 正文内容 /p /div div class='buttonPanel' style="text-align: right" style="text-align: right" input value="Close"...

查看更多精彩>>