Fatal编程技术网
  • jquery/
  • 这行代码在jquery中是如何工作的？

这行代码在jquery中是如何工作的？

jquery

这行代码在jquery中是如何工作的？,jquery,Jquery,我有一些新想法，我对这段代码有点困惑： 这一行代码正是我想知道的： var items = $("#" + element[0].id + " li"); 现在我的问题是：这行代码是如何工作的？那么这里的魔力在哪里呢？它正在填充items数组吗 顺便说一句，谢谢 当我们瞄准-元素时，是jquery一步到位吗？（根据本代码： $(document).ready(function() { $("#slider").mySlider({ ti

我有一些新想法，我对这段代码有点困惑： 这一行代码正是我想知道的：

var items = $("#" + element[0].id + " li");
现在我的问题是：这行代码是如何工作的？那么这里的魔力在哪里呢？它正在填充items数组吗

顺便说一句，谢谢

当我们瞄准
    -元素时，是jquery一步到位吗？（根据本代码：

     $(document).ready(function() {
            $("#slider").mySlider({
                timeOut: 4000,
                captionOpacity: .7            
            });
    下面是代码的一部分，我想知道的部分： 假设你有这个html

    <html xmlns="http://www.w3.org/1999/xhtml">
<head>

<script src="js/mySlider.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#slider").mySlider({
            timeOut: 4000,
            captionOpacity: .7            
        });
    });
</script>
<title></title>
</head>
<body>

    <ul id="slider">
        <li>
            <img src="img/image1.jpg" alt="" />
            <div class="top">
                Some nice text captions..
            </div>
        </li>
        <li>
            <img src="img/image2.jpg" alt="" />
            <div class="bottom">
                Some nice text captions..
            </div>
        </li>

    </ul>

</body>
</html>

    
$（文档）.ready（函数（）{
$（“#滑块”）.mySlider({
超时：4000，
字幕容量：.7
});
});

      

    • 
一些漂亮的文字说明。。

      • 

    • 
一些漂亮的文字说明。。

      •
    这里是JS：

      $.fn.mySlider   = function(vars) {

        var timeOut     = vars.timeOut || 4000;
        var capOpacity  = vars.captionOpacity || .7;
        var element     = this;
        var fxDuration  = timeOut/6;

        var items       = $("#" + element[0].id + " li"); //how do add the < li > items inside this array?
        var captions    = $("#" + element[0].id + " li div");
       // console.log(items);
        items.css('display','none');

        captions.css({
            'opacity': capOpacity,
            'display': 'none'
        });

    $.fn.mySlider=函数（vars）{
var timeOut=vars.timeOut | | 4000；
var capOpacity=vars.CaptionCapacity | | 7；
var元素=这个；
var fxDuration=超时/6；
var items=$（“#”+元素[0].id+“li”）；//如何在此数组中添加
  • 项？
变量标题=$（“#”+元素[0].id+“li div”）；
//控制台日志（项目）；
css（'display'，'none'）；
标题.css({
“不透明度”：不透明度，
“显示”：“无”
});
    • 如果您想要LI元素的“子元素”，可以使用：

    var items = $("#" + element[0].id + " li").children();
    关于的jQuery文档

    使用过滤器，您可以选择指定只需要
    DIV
    s或
    A
    s

    e、 g

    $（“#”+元素[0].id+“li”）.children（“div”）；//只需
$（“#”+元素[0].id+“li”）.children（“a”）；//仅s
    hit there…我想知道其他一些事情：jquery如何填充这个数组？jquery是否使用这一行：var items=$（“#”+元素[0].id+“li”）？for循环或jquery的工作方式在哪里？thanksCorrect…这一行大致翻译为：“将变量
    items
    设置为一个特殊的jQuery集合，该集合包含所有
    li
    元素，这些元素是具有
    id
    {whateverYouvePassedIn}的元素的子元素（任何深度）。哇哦，那么你不需要任何for循环来填充'var items'uhn吗？它只需要编写这行代码：var items=$（“#”+element[0].id+”li）；？为什么要写元素[0]，它是第一项？它应该是其中的一个变量？否？正确…jQuery选择器可以返回一组与您提供的选择器匹配的
    0
    、
    1
    或
    N
    元素。从那里您可以做任何您想做的事情。您可以“链接”另一个方法，例如
    $（“#myId li”）。hide（）；
    或者你可以链接
    。每个（处理程序）
    方法在集合上迭代，或者你甚至可以提取出实际的DOM元素。还有一件事：为什么我们要在括号内写一个cero（$（“#”+元素[0].id），而不是另一个nummer？谢谢你的时间！ 
    $("#" + element[0].id + " li").children("div");//just the <div>s
$("#" + element[0].id + " li").children("a");//just the <a>s