jquery中获取元素里某一特定子元素的代码
之前做的一些JQUERY应用都是些很基础的编程，对于选择器要求不高，像类似于“$('.class')”、“$('#id')”、“$('#id>.class')”、“$(this)”、“$(this).parent()”、“$(this).children()”这些简单的语句都能解决的。
问题的出现是我要选择一个ul里某个的li中的一个span，因为要利于编程，li是用 $('ul>li').eq(i) 来做的选择，虽然问题还是能用之前的方法解决，但总感觉代码有点臃肿,而且效率也很低下。既然JQUERY被誉为目前所有JS框架中最高效的代码，不可能连这个问题都要用一大坨代码来解决吧！
回头再翻翻JQUERY的API，才发现有一个非常适合这个场合使用的语句我一直没有注意过。那就是：$(选择器一).find(选择器二)。之前虽然读过find这段介绍，但一直因为用不到而被忽视。
这里说说find()的使用方法
API提供的的解释：搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。
使用方法：$(选择器一).find(选择器二)；
以小剧客栈首页的焦点图,查找类为“.focusphoto”的DL下DD中的span并将其作淡出处理为例：
$('.focusphoto>dl>dd).eq(i).find(”span”).fadeOut('slow');
谈谈小剧对find()的理解
我这个应用实际上完全可以用children()来代替，但这并不是说find()和children()的用法是一样的，如果是这样的话find()的存在便没有了意义。在查询深度为一级的时候，这两者有相同之处，但区别就在于：find()是子查询选择器，它可以深入到子级的下层进行查询选择；而children():只是子级选择器，它只能选择下一层级的元素。
当然，以上仅仅是剧中人的一点拙见，如有错误或不完善的地方，请给于指正，谢谢！
相关文章
本文主要介绍了Jquery获取radio选中值的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧2017-05-05
在做ajax登录时候遇到的一个问题，当传入参数含有特殊字符，比如：“$'#@”等。参数传递会有问题，无法正确获取。本文章向码农介绍jQuery ajax特殊字符参数解决方法，需要的朋友可以参考一下。2016-10-10
刚开始学jQuery，于是想试试学习效果，所以就做了个这个TextBox自动完成条，练习练习。请牛人们别笑话。2009-07-07
最近接到一个古早的项目变更,设计的音乐播放的功能是自定义的样式,对于jquery的项目第一反应是先找插件,然而找了半天没找到,最后只能自己实现,文中有详细的代码示例供大家参考,需要的朋友可以参考下2023-12-12
这篇文章主要介绍了jQGrid动态填充select下拉框的选项值(动态填充)的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-11-11
利用jQuery操作对象数组的实现代码，需要的朋友可以参考下。2011-04-04
在ASP.net中母版页加载js文件，页面中调用时出错、tablesorter加载失败等等,需要的朋友可以参考下2014-02-02
这篇文章主要介绍了jQuery实现淡入淡出二级下拉导航菜单的方法,涉及jquery简单操作页面元素展开与隐藏的实现技巧,非常具有实用价值,需要的朋友可以参考下2015-08-08
each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量2012-12-12
jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
这篇文章主要介绍了jQuery实现带3D切割效果的轮播图功能,结合实例形式分析了jQuery轮播图相关的界面布局、3D效果实现与事件响应等相关操作技巧,并附带源码供读者下载参考,需要的朋友可以参考下2019-04-04
最新评论