JQuery 笔记(一) jQuery核心

前言

      jQuery核心是最基础的jQuery对象，或者叫函数，有了它我们才可以进行其它的操作，所以，需要认真掌握。

 

 

jQuery核心函数

1          获取jQuery对象（包装集），对于jQuery来说，获取对象然后进行相关的操作，所以获取对象是第一步，这里提供了三种获取jQuery对象的模式，而通过选择器模式获取对象是最普遍也最灵活和复杂的，这个后面会讲。

1.1        $("#id"); ：通过选择器获取

1.2        $("<input type='text'></input>"); ：使用html字符串创建新的dom对象

1.3        $(document.body); ：由dom元素转换而来

 

 

2          访问jQuery包装集中的对象

2.1        $("...").each(function([index]){...}); ：以每个匹配的元素作为上下文来执行一个函数，返回false可以终止循环，例：

    <div>111</div>

    <div>333</div>

    <div>555</div>

    <script type="text/javascript">

    $("div").each(function(index){

        alert(index + " : " + this.innerText);

        if(index == 1) return false;

    });

    </script>

 

           each函数的第一个参数，如果有的话是索引号，第二个参数是当前的上下文对象。

 

2.2        $("...").length; 或 $("...").size(); ：获取对象中元素的个数，例：

    <div>111</div>

    <div>333</div>

    <div>555</div>

    <script type="text/javascript">

    alert($("div").length);

    alert($("div").size());

    </script>

 

2.3        $("...").get(index) ：获取集合中的第index个dom元素，例：

    <div>111</div>

    <div>333</div>

    <div>555</div>

    <script type="text/javascript">

    alert($("div").get(1).innerText);  //可以使用innerText说明是dom对象

    </script>

 

$("div").get(1)等价于$("div")[1]，通过这种方式获取到的对象是dom对象而不是jQuery包装集对象，请注意。