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