jquery-核心

Posted 2020-10-09 狼来的日子里！

一：jQuery 核心函数

　　jQuery([selector,[context]])

　　概述

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

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

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

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

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

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

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

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

二：jQuery 对象访问

使用	说明	例子
each(callback)	以每一个匹配的元素作为上下文来执行一个函数。 意味着，每次执行传递进来的函数时， 函数中的this关键字都指向一个不同的DOM元素（每次都是一个不同的匹配元素）。 而且，在每次执行函数时，都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数（从零开始的整型）。 返回 ‘false‘ 将停止循环 (就像在普通的循环中使用 ‘break‘)。 返回 ‘true‘ 跳至下一个循环(就像在普通的循环中使用‘continue‘)。	$("img").each(function(i){ this.src = "test" + i + ".jpg"; });
length	jQuery 对象中元素的个数。 这个函数的返回值与 jQuery 对象的size()属性一致	$("img").length;
selector	返回传给jQuery()的原始选择器	$("ul") .append("<li>" + $("ul").selector + "</li>")
context	返回传给jQuery()的原始的DOM节点内容
get([index])	取得其中一个匹配的元素。 num表示取得第几个匹配的元素	$("img").get(0);
index([selector|element])	搜索匹配的元素，并返回相应元素的索引值，从0开始计数

查找元素的索引值
HTML 代码:
<ul>
  <li id="foo">foo</li>
  <li id="bar">bar</li>
  <li id="baz">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，不传递参数，返回这个元素在同辈中的索引位置。