jquery-核心

一：jQuery 核心函数

　　jQuery([selector,[context]])

　　概述

　　这个函数接收一个包含 CSS 选择器的字符串，然后用这个字符串去匹配一组元素。

　　jQuery 的核心功能都是通过这个函数实现的。

　　 jQuery中的一切都基于这个函数，或者说都是在以某种方式使用这个函数。　　

　　这个函数最基本的用法就是向它传递一个表达式（通常由 CSS 选择器组成），

　　然后根据这个表达式来查找所有匹配的元素。

　　默认情况下, 如果没有指定context参数，$()将在当前的 HTML document中查找 DOM 元素；

　　如果指定了 context 参数，如一个 DOM 元素集或 jQuery 对象，那就会在这个 context 中查找。

　　在jQuery 1.3.2以后，其返回的元素顺序等同于在context中出现的先后顺序。

二：jQuery 对象访问

$("img").each(function(i){
   this.src = "test" + i + ".jpg";
 });

$("img").length;

$("ul")
  .append("<li>" + $("ul").selector + "</li>")

$("img").get(0);

查找元素的索引值
HTML 代码:
<ul>
  <li >foo</li>
  <li >bar</li>
  <li >baz</li>
</ul>
jQuery 代码:
$('li').index(document.getElementById('bar')); //1，传递一个DOM对象，返回这个对象在原先集合中的索引位置
$('li').index($('#bar')); //1，传递一个jQuery对象
$('li').index($('li:gt(0)')); //1，传递一组jQuery对象，返回这个对象中第一个元素在原先集合中的索引位置
$('#bar').index('li'); //1，传递一个选择器，返回#bar在所有li中的索引位置
$('#bar').index(); //1，不传递参数，返回这个元素在同辈中的索引位置。