帮助理解jQuery选择器示例

前端之家收集整理的这篇文章主要介绍了帮助理解jQuery选择器示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
以下代码来自 timers jQuery插件演示.我不明白第2行的选择器中发生了什么.它似乎是在选择p元素,但是后面的第二个参数是什么 – 演示 – 那里有?

jQuery的:

var demos = $("div.wrapper div.demos");             
$(".uncontrolled-interval p",demos).everyTime(1000,function(i) {
                    $(this).html(i);
                });

HTML:

<div class="wrapper"> 
    <div class="demos">         
        <div class="uncontrolled-interval"> 
            <p>I am transient... *sigh*</p> 
        </div>      
    </div> 
</div>

谢谢

解决方法

它指定搜索的上下文.基本上是一个过滤器.

http://api.jquery.com/jQuery#expressioncontext

因此,在此示例中,它会在demos元素中搜索.uncontrolled-interval p.如果你有这个标记,它仍然只会在演示中选择一个.

<div class="wrapper">          
    <div class="uncontrolled-interval"> 
        <p>I am transient... *sigh*</p> //Will not select
    </div>     
    <div class="demos">         
        <div class="uncontrolled-interval"> 
            <p>I am transient... *sigh*</p> //Will select
        </div>      
    </div> 
</div>

猜你在找的jQuery相关文章