jQuery中filter和find

这是jQuery里常用的2个方法。

他们2者功能是完全不同的,而初学者往往会被误导。

现在有一个页面,里面HTML代码为;

测试1

测试2

①如果我们使用find()方法:

var result = $("div").find(".rain");

alert(result.html() ) ;

结果:测试1

②如果使用filter()方法:

var result = $("div").filter(".rain");

alert(result .html() );

结果:

测试2

find()会在div元素内寻找class为rain 的元素,是对它的子集操作

filter()则是筛选div的class为rain的元素,是对它自身集合元素筛选

另外find()其实还可以用选择器表示:

var $select = $("div .rain");

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,422评论 0 2
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,217评论 0 1
  • 选择器选择器是jQuery的核心。 事件 动画 扩展
    wyude阅读 502评论 0 1
  • jQuery基础 什么是JQ?一个优秀的JS库,大型开发必备JQ的好处?一简化JS的复杂操作二不再需要关心兼容性三...
    幺七阅读 964评论 0 2
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,259评论 19 139