包装集

<body>

    <div id="a01">1.包装集——length</div>

    <div id="a02">2.包装集——index(obj)</div>

    <div id="a03">3.包装集——get(index)或者[index]_会由Jquery对象变成Dom对象</div>

    <div id="a04">4.包装集——add()</div>

    <a href="#">我是一个链接</a>

    <div id="a05">5.包装集——clone().appendTo</div>

    <div id="a06">6.包装集——not() [去掉]</div>

    <div id="a07">7.包装集——filter [保留]</div>

    <div id="a08">8.包装集——slice(2,4) [取中间]</div>

    <div id="a09">9.包装集——each </div>

</body>
1.包装集——length
$("#a01").click(function(){

        alert($("#a01").length);

    });
2.包装集——index(obj)
$("#a02").click(function(){

        var arrayList=$("div");

        var oneElement=$("#a01");

        alert ( arrayList.index( oneElement ) );

        //错误示范

         //alert(arrayList.index(1));//index(int)不返回对应的坐标对象

        //解释

        alert( arrayList[1] );

        alert( $(arrayList[1]) );

        //包装集包含里面的所有元素都只是DOM对象，而不是Jquery对象

        //alert( arrayList[1].text() )

        alert( $(arrayList[1]).text() )

        });
3.包装集——get(index)或者[index]_会由Jquery对象变成Dom对象
$("#a03").click(function(){

         var arrayList=$("div");

         //get[]获得的是Dom对象

         alert( arrayList[2].innerText);

         //$()Jquery对象

         alert( $(arrayList[2]).text() )

         alert( $(arrayList.get(2)).text() )

        })
4.包装集——add()
$("#a04").click(function(){

        var arrayList= $("div");

        arrayList

        .css("border","50px solid gray")

        .add("<a href='#'>123</a>").appendTo(document.body)

        .css("background","pink");

        });
5.包装集——clone().appendTo
//clone()克隆

     $("#a05").click(function(){

            $("a").clone().appendTo(document.body);

        });

6.包装集——not() [去掉]

//去掉 not

$("#a06").click(function(){

$("div").not("#a05,#a06").css("background","green");

});

7.包装集——filter [保留]

//保留

     $("#a07").click(function(){

                $("div").filter("#a05,#a06").css("background","green");

     });

8.包装集——slice(2,4) [取中间]

$("#a08").click(function(){

                $("div").slice(2,4).css("background","green");

     });

9.包装集——each

//each遍历

     $("#a09").click(function(){

                $("#a01,#a02,#a03").each(function(){

                alert($(this).text());

                });

     });

Jquery_基础(二) 包装集的更多相关文章

  1. 从零开始学习jQuery (三) 管理jQuery包装集

    本系列文章导航 从零开始学习jQuery (三) 管理jQuery包装集 一.摘要 在使用jQuery选择器获取到jQuery包装集后, 我们需要对其进行操作. 本章首先讲解如何动态的创建元素, 接着 ...

  2. 从零开始学 Web 之 jQuery（八）each，多库共存，包装集，插件

    大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...

  3. jQuery包装集

    jQuery包装集指的是通过$()方法返回的一个元素集,这跟一般的javascript数组有所区别, 包装集在后者的基础上还有一些初始化的函数和属性. 我们可以对二者进行一个比较: jsdiv = d ...

  4. Dom对象和jQuery包装集

    Dom对象 在传统的JavaScript开发中,我们经常都是首先获取Dom对象,比如: document.getElementById("dv1"); 我们经常使用getEleme ...

  5. 【Storm】Storm实战之频繁二项集挖掘

    一.前言 针对大叔据实时处理的入门,除了使用WordCount示例之外,还需要相对更深入点的示例来理解Storm,因此,本篇博文利用Storm实现了频繁项集挖掘的案例,以方便更好的入门Storm. 二 ...

  6. Hadoop基础-Hadoop的集群管理之服役和退役

    Hadoop基础-Hadoop的集群管理之服役和退役 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 在实际生产环境中,如果是上千万规模的集群,难免一个一个月会有那么几台服务器出点故 ...

  7. 【Storm】Storm实战之频繁二项集挖掘（附源码）

    一.前言 针对大叔据实时处理的入门,除了使用WordCount示例之外,还需要相对更深入点的示例来理解Storm,因此,本篇博文利用Storm实现了频繁项集挖掘的案例,以方便更好的入门Storm. 二 ...

  8. Java面试题总结之Java基础(二)

    Java面试题总结之Java基础(二) 1.写clone()方法时,通常都有一行代码,是什么? 答:super.clone(),他负责产生正确大小的空间,并逐位复制. 2.GC 是什么? 为什么要有G ...

  9. jQuery学习笔记(3)-操作jQuery包装集的函数

    一.前言 在使用jQuery选择器获取到jQuery包装集后,我们就要对这些包装集进行各种操作 二.创建新的元素 1.使用HTMLDOM创建元素 (1)什么是DOM 当网页被加载时,浏览器会创建页面的 ...

随机推荐

  1. HBase：Shell

    HBase shell commands As told in HBase introduction, HBase provides Extensible jruby-based (JIRB) she ...

  2. MyBatis 批量操作、集合遍历-foreach

    在使用mybatis操作数据库时,经常会使用到批量插入.IN条件查询的情况,这时就难免要使用到foreach元素.下面一段话摘自mybatis官网: foreach 元素的功能是非常强大的,它允许你指 ...

  3. iOS 写给iOS开发者的React Native学习路线(转)

    我是一名iOS开发者,断断续续一年前开始接触React Native,最近由于工作需要,专职学习React Native也有一个多月了.网络上知识资源非常的多,但能让人豁然开朗.迅速学习的还是少数,我 ...

  4. bzoj 3142: [Hnoi2013]数列

    Description 小T最近在学着买股票,他得到内部消息:F公司的股票将会疯涨.股票每天的价格已知是正整数,并且由于客观上的原因,最多只能为N.在疯涨的K天中小T观察到:除第一天外每天的股价都比前 ...

  5. 改造 Combo Select支持服务器端模糊搜索

    项目中使用了 combo select,为缺省的select增加模糊搜索的功能,一直运行得很好. 1    碰到的问题 但最近碰到一个大数据量的select:初始化加载的数据项有2000多个.我们采用 ...

  6. Docker -- 安全/部分命令/Daemon

    Docker -- 终极指南 1.安装过程 -- Docker -- docker pull 镜像 -- docker images 列出镜像    -- docker run --rm -ti ub ...

  7. java 分解质因数

    算法目的:对一个正整数分解质因数 一.算法分析: 1.建立整数列表,保存求到的因数. 2.声明整数i=2,用以递增取模:整数m,用于临时保存n 3.建立while循环,i小于等于整数m时,判断m%i, ...

  8. 使用trim_galore软件遇到的问题

    我的原始测序数据是双端测序,在用trim_galore软件去接头的这一步,使用的命令行是 time nohup trim_galore R17002628-SKOV3-m6A_combined_R1. ...

  9. Spark 核心概念 RDD 详解

    RDD全称叫做弹性分布式数据集(Resilient Distributed Datasets),它是一种分布式的内存抽象,表示一个只读的记录分区的集合,它只能通过其他RDD转换而创建,为此,RDD支持 ...

  10. JQ trigger函数无法触发a标签的两种解决方法

    起因:点击icon图标后要触发a标签的链接转跳动作,但是用 JQ 的 $('#a').trigger('click') 居然不起作用,遂百度之,总结两种方法如下: (原因:JQ 的 trigger() ...