Jquery中next和children的区别

标签: jquery next children | 发表时间:2012-02-06 11:01 | 作者:woshixuye
出处:http://blog.csdn.net

next找的是同级的节点,children找的是子节点

 

<div>
        <ul>
            <li class="first"><a href="#">这是一级菜单1</a>
                <ul>
                    <li class="second"><a href="#">这是二级菜单11</a></li>
                    <li class="second"><a href="#">这是二级菜单12</a></li>
                </ul>
            </li>
            <li class="first"><a href="#">这是一级菜单2</a>
                 <ul>
                    <li class="second"><a href="#">这是二级菜单21</a></li>
                    <li class="second"><a href="#">这是二级菜单22</a></li>
                </ul>
            </li>
        </ul>
    </div>

 

 

jquery代码如下

$(document).ready(function(){
    $("li.first").hover(function(){
        $(this). children("ul").slideDown();   找到的是如图表示标黑的ul节点
    },
    function(){
        $(this). children("ul").slideUp();
    });
});

 

 

如果改成$(this). next("ul"), 则找不到,因为没有和它同一级的ul节点!

作者:woshixuye 发表于2012-2-6 11:01:31 原文链接
阅读:9 评论:0 查看评论

相关 [jquery next children] 推荐:

Jquery中next和children的区别

- - CSDN博客推荐文章
next找的是同级的节点,children找的是子节点.            
  • 这是一级菜单1.                    
  • 这是二级菜单11
  • .

    乔布斯在NeXT

    - xing - cnBeta.COM
    导读:原文作者Tim Bray是一位加拿大的软件开发人员和企业家,他是 Open Text 和 Antarctica Systems 两家公司的联合创始人,曾在Sun公司的Web技术主管,现是Google的开发人员倡导者,专注Android. 本文由敏捷翻译 - 唐小娟编译.

    JQuery 选择器

    - - CSDN博客Web前端推荐文章
    }

    点击我

    .    像上面这样把JavaSript代码和HTML代码混杂在一起的做法同样也非常不妥,因为它并没有将网页内容和行为分离,所以才有JQuery选择器的学习.

    点击我

    . //给class为demo的元素添加行为.

    jquery操作xml

    - - CSDN博客Web前端推荐文章
    jquery真的很强大,虽然一直在用jquery,不用一直都没有深入,这几天重新学习了一下,不得不感叹她的强大,已经让我深深入迷. 这里记录一下,她是怎么快速地操作xml的.. 这里我们有一个xml文件:. jquery如何操作呢,总的思想,就是和操作dom差不多的方法. 首先我们获取这个文件的内容:(我先引入jquery库哈).

    jQuery JSONP跨域

    - - Web前端 - ITeye博客
    基于Jquery的Ajax跨域访问. 单点登录服务器(sso服务器). 登录网页项目的时候,由于使用了单点登录,所以页面会跳转到sso服务器,进行统一登录,. 现在需要在该界面增加令牌的认证,但是SSO服务器和令牌服务器部署在不同的服务器,且暂时没有要合并的可能,所以在SSO登录的时候必须要对令牌进行验证,就必须涉及到了跨域访问的问题.

    jquery 插件

    - - JavaScript - Web前端 - ITeye博客
     jQuery插件的开发包括两种:. 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法. jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法. 下面就两种函数的开发做详细的说明. 1 、类级别的插件开发.

    让jquery更快

    - - JavaScript - Web前端 - ITeye博客
    很久没有关注jQuery了,最近重新看了一下,看到一些不错的文章,转来坐一下笔记. 其内容和一些新提供的方法还是很多有值得学习的地方. 使用最新版本的jQuery. jQuery的版本更新很快,你应该总是使用最新的版本. 因为新版本会改进性能,还有很多新功能. 下面就来看看,不同版本的jQuery性能差异有多大.

    jQuery Tools:Web开发必备的 jQuery UI 库

    - - 博客园_首页
    jQuery Tools 是基于. jQuery 开发的网站界面库,包含网站最常用的Tabs(选项卡)、Tooltip(信息提示)、Overlay(遮罩、弹窗)、Scrollable(滚动控制)、Form Validator(表单验证)、Rangeinput(范围选择)、Dateinput(日期选择)等众多功能.

    jQuery基础之jQuery的DOM操作

    - - CSDN博客推荐文章
     为了能全面地讲解DOM操作,首先需要构建一个网页. 因为每一张网页都能用DOM表示出来,而每一份DOM都可以看作一棵DOM树.    

    你最喜欢的水果是?

     .      
  • 苹果
  •  .      
  • 橘子
  •  .

    jQuery最佳实践

    - andi - 阮一峰的网络日志
    上周,我整理了《jQuery设计思想》. 那篇文章是一篇入门教程,从设计思想的角度,讲解"怎么使用jQuery". 今天的文章则是更进一步,讲解"如何用好jQuery". 我主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》(jQuery Proven Performance Tips And Tricks).