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

2016-02-19 14:43 6 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需刷新才能执行]

来源:http://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
In your world-我是过客 02-20
jQuery插件 tabBox实现代码 02-19
jQuery 可以拖动的div实现代码 02-19
jquery tabs的实现代码 02-19
春季饮食养生可以多吃些草莓&nbsp; 01-07
利用Windows&nbsp;XP实现网络远程统一关机 02-20

jquery 获取当前元素的索引值

标签： Web开发

JavaScript代码 $("li").hover(function(){ alert($("li").index(this)); }); [Ctrl+A 全选注:如需引入外部Js需刷新才能执行] .index函数还是很好用的。它的说明为：搜索与参数表示的对象匹配的元素，并返回相应元素的索引值。如果找到了匹配的元素，从0开始返回；如果没有找到匹配的元素，返回-1。

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

标签：电脑入门

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

用Dreamweaver&nbsp;MX创造网页鼠标样式

标签： Web开发

经常在网上冲浪的朋友是否曾注意到有些网站的鼠标不是规则的斜向上箭头的形状，而是十字形，或者是向左的箭头，或者是个问号等等。当你想在网页的不同位置让鼠标显示不同形状，以体现不同的功能区;当你想让你的网站体现与众不同的风格时，考虑一下在鼠标样式上下功夫吧。其实鼠标样式的用途还是极为广泛的，那么怎样才能实现鼠标的不同样式...

Dreamweaver&nbsp;MX建站攻略：创建样式表

标签： Web开发

1.在字符之间添加空格要插入连续空格，在“插入”栏中，选择“字符”，然后单击“非换行的空格”图标。或者按 Control+Shift+空格键。实际上在代码中添加了  这几个字符。 2.添加段落换行：按 Enter 键。实际上在文字前后加了p/p标签。 3.添加换行符：按 Shift+Enter 键。实际上在文字后面加了br标签。 4.插入特殊...

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

标签： Web开发

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

查看更多精彩>>