jQuery(一)、核心

我认为，学习一门语言，主要是掌握它的思想与用途，就比如谈恋爱同样，你只要猜想到了对方的想法，就可以知情达意。废话很少说，咱们开始今天学习的进度，加油ヾ(◍°∇°◍)ﾉﾞ

 

1. jQuery([selector[, context]])

　　该函数还能够表示为 $([selector[, context]])。这个函数接收一个包含css选择器的字符串，而后用这个字符串去匹配一组元素。好比，经常使用的 id 选择器(后面会对各类选择器进行详细说明)，$("#div1")。

　　jQuery的核心功能都是经过这个函数实现的。就比如一座大楼的地基，jQuery中的一切都是基于这个函数，或者说都是以某种方式使用这个函数。

　　默认状况下，若是没有指定context参数， $() 将在当前页面上下文查找DOM元素；若是指定了context参数，就会在这个context中进行查找。在jQuery1.3.2 之后，其返回的元素顺序等同于 context中出现的前后顺序。

　　参数：

　　(1) selector[, context]：selector 表示用来查找的字符串，一般由css选择器组成；context 做为待查找的DOM元素集、文档或jQuery对象。如：

// 查找div1中的全部checkbox
$("#div1 input:checkbox"); // 查找文档第一个表单中全部单选按钮
$("input:radio", document.forms[0]);

　　(2) element：一个用于封装成 jQuery对象的DOM元素，也就是将DOM对象转换为jQuery对象。如：

// 为div1 添加class属性
var div1 = document.getElmentById("div1"); $(div1).attr('class', 'class1 class2 class3');

　　(3) object：一个用于封装成 jQuery的对象，和上面的element差很少。

　　(4) elementArray：一个用于封装成 jQuery对象的DOM元素数组。

　　(5) jQuery()：返回一个空的jQuery对象。

2. jQuery(html[, ownerDocument])

　　该函数还能够表示为 $(html[, ownerDocument])。根据提供的原始 HTML标记字符串，动态建立由jQuery对象包装的DOM元素。同时设置一系列属性、事件等。如：

// 添加div到body中
$("<div><p>Hello</p></div>").appendTo("body"); $("<div>", { "class": "test", text: "Click me!", click: function(){ $(this).toggleClass("test"); } }).appendTo("body");

3. jQuery(callback)

　　该函数能够表示为 $(callback)。是$(document).ready() 的简写。容许你绑定一个在 DOM元素加载完成后执行的函数。

4. each(callback)

　　对每个所匹配的元素来执行一个函数。

　　意味着，每次执行传递进来的函数时。this关键字都指向不一样的DOM元素。而且，每次执行函数时，都会给函数传递一个表示该元素在匹配集合中索引位置的值(从 0 开始)。函数方法 false 将终止each。返回 true 将执行下一个元素。

// 对前3个img进行src设置
$("img").each(function(i){ if( i == 3){ // 跳出循环
        return false; } this.src = "test" + i + ".jpg"; });

5. size()

　　返回 jQuery对象中元素的个数

6. length

　　返回 jQuery对象中元素的个数。

7. selector

　　返回传递给 jQuery() 的原始选择器。这些方法均可以使用console.log(jQuery对象)输出来查看jQuery对象有哪些属性值。

8. context

　　返回传递给 jQuery() 原始的DOM节点上下文，即$([selector[, context]])中的第二个参数。若是在获取jQuery对象时没有指定context，则表示当前页面上下文。

9. get([index])

　　取得其中一个匹配的元素。inde表示取得的第几个匹配元素(从 0 开始)。

　　参数：

　　(1) index：取得在索引为 index 的元素。

　　(2) get()：取得全部匹配的DOM元素集合。

10. index([selector | element])

　　搜索匹配的元素，并返回相应元素的索引值，从 0 开始。

　　若是不给 .index() 方法传递参数，返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。

　　若是参数是一个选择器selector，返回值就是原先集合中的元素相对于选择器匹配中的位置。若是找不到，返回 -1。

　　若是参数是一组DOM 元素或者 jQuery对象，返回值就是传递的元素相对于集合的位置。

11. data([key], [value])

　　在一个元素上存取数据，返回 jQuery对象。

　　做用域：当前函数上下文。

$("div").data("blah");  // undefined
$("div").data("blah", "hello");  // blah设置为hello
$("div").data("blah");  // hello
$("div").data("blah", 86);  // 设置为86
$("div").data("blah");  // 86
$("div").removeData("blah");  //移除blah
$("div").data("blah");  // undefined
$("div").data("test", { first: 16, last: "pizza!" }); $("div").data("test").first  //16;
$("div").data("test").last  //pizza!;

12. remove([name | list])

　　在元素上移除存放的数据。

　　参数：

　　(1) name：存储的数据名

　　(2) list：移除数组，或以空额分开的字符串

13. jQuery.data(element, [key], [value])

　　在元素上存放数据，返回 jQuery对象。

　　注意：这是一个底层方法。你应当使用 .data() 来代替。

14. jQuery.noConfict([extreme])

　　运行这个函数将变量 $ 的控制权让给第一个实现它的库。这有助于确保 jQuery不会与其余库的 $ 对象冲突。