资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
jQuery与javascript对照学习 获取父子前后元素 实现代码
<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> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%20src%3D%22style%2Fjquery-1.3.2.min.js%22%3E%3C%2Fscript%3E"> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Afunction%20fNext(obj)%7B%2F%2F%E8%AE%B8%E5%A4%9A%E6%97%B6%E5%80%99%E9%9C%80%E8%A6%81%E5%85%83%E7%B4%A0%E4%B9%8B%E9%97%B4%E6%B2%A1%E6%9C%89%E9%97%B4%E9%9A%99%E6%89%8D%E8%83%BD%E5%8F%96%E5%88%B0%20%0D%0A%2F%2Falert(obj.nextSibling.id)%3B%20%0D%0Aalert(jQuery(obj).next().attr(%22id%22))%3B%2F%2F%E4%BC%A0%E9%80%92this%EF%BC%8C%E9%80%9A%E8%BF%87%24(obj)%E8%BD%AC%E5%8C%96%E4%B8%BAjQuery%E5%AF%B9%E8%B1%A1%20%0D%0A%7D%20%0D%0Afunction%20fPrev(obj)%7B%20%0D%0A%2F%2Falert(obj.previousSibling.id)%3B%20%0D%0Aalert(jQuery(obj).prev().attr(%22id%22))%3B%20%0D%0A%7D%20%0D%0Afunction%20fParent(obj)%7B%20%0D%0A%2F%2Falert(obj.parentNode.className)%3B%20%0D%0A%2F%2Falert(jQuery(obj).parent().attr(%22class%22))%3B%20%0D%0AjQuery(obj).parent().removeClass(%22c1%22).addClass(%22c2%22)%20%0D%0Aalert(jQuery(obj).parent().attr(%22className%22))%3B%2F%2F%E5%8F%96%E5%BE%97className%EF%BC%8C%E5%BD%93%E6%88%90%E5%B1%9E%E6%80%A7%E6%9D%A5%E5%8F%96%20%0D%0A%7D%20%0D%0Afunction%20fChild(obj)%7B%20%0D%0A%2F%2Fvar%20childs%20%3D%20obj.childNodes%3B%20%0D%0Avar%20childs%20%3D%20jQuery(obj).children()%3B%20%0D%0Afor(i%3D0%3Bi%3Cchilds.length%3Bi%2B%2B)%7B%20%0D%0Aalert(childs%5Bi%5D.id)%3B%20%0D%0A%7D%20%0D%0A%2F%2FjQuery%E7%9A%84each%E9%81%8D%E5%8E%86%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> </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 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程