`
747017186
  • 浏览: 317612 次
社区版块
存档分类
最新评论

jquery 中filter和find的区别 (转)

 
阅读更多

jquery 中filter和find的区别

 (2011-09-26 14:08:33)
标签: 

杂谈

 
.filter(selector) 此方法用于在匹配元素中按照选择器表达式进行筛选。 记住:使用此方法必须得传入选择器表达式参数,不然会报错“’nodeType’ 为空或不是对象” 另外请注意这个filter方法和jquery中的find方法的区别: filter方法是对匹配元素进行筛选,而find方法是对匹配元素的后代元素进行筛选。
例子:
<body>
<div class="main">
 <P class="p1">这是第一段</P>
 <P class="p2">这是第二段</P>
 
</div>
</body>
--------------------------
find用法:
<script type="text/javascript">
 $(document).ready(function(){
  //alert($(".main").filter(":not(:has(.p1)").text());
  var text=$(".main").find(".p1").text();
  alert(text);
  
 });
</script>
 
-----------
filter的用法:
<script type="text/javascript">
 $(document).ready(function(){
  //alert($(".main").filter(":not(:has(.p1)").text());
  var text=$("p").filter(".p1").text();
  alert(text);
  
 });
</script>
分享到:
评论

相关推荐

    jQuery中filter()和find()的区别深入了解

    一直不是很清楚filter()方法和find()方法的区别,看jQuery Cookbook一书后,终于算是搞清楚了,下面将新的与大家分享下

    jQuery中each()、find()和filter()等节点操作方法详解(推荐)

    主要介绍了jQuery中each()、find()和filter()等节点操作方法的相关资料,非常不错具有参考价值,需要的朋友可以参考下

    Jquery find与filter函数区别 说明

    基本是find子元素找,filter是平级找 ·find 函数是在当前对象集合的子元素中进行查询; ·filter 函数是对当前对象集合进行过滤, 利用过滤条件缩小范围; ·find 函数的参数是 jQuery 选择器表达式; ·filter 的参数...

    jQuery 1.4.1 中文参考

    11.2 数组和对象操作 183 11.2.1 jQuery.each(object, [callback]) 183 11.2.2 jQuery.extend([deep], target, object1, [objectN]) 183 11.2.3 jQuery.grep(array, callback, [invert]) 185 11.2.4 jQuery.make...

    jquery中filter方法用法实例分析

    本文实例讲述了jquery中filter方法用法。分享给大家供大家参考。具体分析如下: filter()方法将匹配元素集合缩减为匹配指定选择器的元素。 filter方法中的参数可以为字符串值,...二、Jquery中find与filter区别 1、find

    JQuery新版中文手册

    JQuery开发手册 jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc]) jQuery(callback) jQuery.holdReady(hold)1.6+ jQuery 对象访问 each(callback) size() length selector context get...

    jquery操作asp.net中GridView方法

    How to filter GridView records using jQuery How to search through GridView records using jQuery GET ASP.NET GridView Cell value using jQuery Find control inside Asp.net GridView using jQuery Get ...

    jQuery里filter()函数与find()函数用法分析

    本文实例讲述了jQuery里filter()函数与find()函数用法。分享给大家供大家参考。具体分析如下: $(“div .cont”); 等价于$(“div”).find(“.cont”) filter()函数是作用在集合的每一个对象($(这里是什么得到的就是...

    Jquery学习手册

    已经得到了一个jQuery对象,但是并不是想要的,那么可以通过一系列的跳转方法,比如parent()、next()、children()、find()等,或者过滤筛选的方法,比如eq()、filter()、not()等,来得到最终想要操作的jQuery对象。...

    jQuery基础知识filter()和find()实例说明

    代码如下: ”css”&gt; ”rain”&gt;测试1&lt;/p&gt; &lt;/div&gt; ”rain”&gt; 测试2&lt;/p&gt; &lt;/div&gt; 如果我们使用find()方法: var $find = $(“div”).find(“.rain”); alert&#40; $find.html(&#41; ) ; 将会输出: 如果使用filter()...

    jQuery遍历DOM节点操作之filter()方法详解

    另外请注意这个filter方法和jquery中的find方法的区别: filter方法是对匹配元素进行筛选,而find方法是对匹配元素的后代元素进行筛选。 从jquery1.4版本开始,filter方法又添加了两个新的用法,现在一共有四种用法了...

    jQuery详细教程

    您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中: $(document).ready(function(){ --- jQuery functions go here ---- }); 这是为了防止文档在完全加载(就绪)之前运行 jQuery...

    jQuery 1.5 API 中文版

    $.jQuery( selector [, context] ), .jQuery( element ), .jQuery( elementArray ), .jQuery( jQueryObject ), .jQuery( ) $.jQuery( html [, ownerDocument] ), .jQuery( html, props ) $.jQuery( fn ) jQuery ...

    Jquery 1.3 简体中文手册

    find(expr) next([expr]) nextAll([expr]) offsetParent() parent([expr]) parents([expr]) prev([expr]) prevAll([expr]) siblings([expr]) 串联 andSelf() end() 事件 页面载入 ready(fn) 事件处理 ...

    JQuery 1.3 中文参考手册

    find(expr) next([expr]) nextAll([expr]) offsetParent() parent([expr]) parents([expr]) prev([expr]) prevAll([expr]) siblings([expr]) 串联 andSelf() end() 事件 页面载入 ready(fn) 事件处理 ...

Global site tag (gtag.js) - Google Analytics