前言

      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包装集对象,请注意。