【笔记】 《js权威指南》- 第19章 JQuery类库 - 19.1 JQuery基础

标签：

1.使用jQuery或者$方法，如果别的类库也是用了$方法，可以调用jQuery.noConflict()方法释放$变量。

2.jQuery函数的4种使用方法：

(1). 传入CSS选择器，返回匹配的元素集， 第二个参数可以传入一个元素或者jQuery对象作为查询的起点。

(2). 传入一个元素，文档或者window对象，返回值将这些对象封装成一个jQuery对象；e.g. $(this), $(document)；

(3). 传入一个HTML文本字符串，返回封装该元素的jQuery对象；此时，可以提供两种可选的第二参数：

a. 文档对象，指定创建对象的关联文档；e.g 将该元素插入某iframe时，指定文档为iframe的document对象。

b. object对象，该对象的属性和方法如果和元素或jQuery对象的属性和方法同名，将会对其进行赋值。

var img = $("<img/>", {
        src: url,
        css: {borderWidth: 5},
        click: handleClick
    });

(4). 传入函数，此时，当文档加载完毕且DOM可操作时，传入函数将被调用。

3.查询与查询结果：

(1). length属性，size()方法获取结果数组的长度；

(2). 使用[index]，get(index)方法获取某一索引的结果。

(3). selector属性，创建jQuery对象的选择器字符串；

(4). context属性：默认document，在创建时的第二个参数；

(5). jquery属性：表示JQuery版本号。

(6). 将对象转换为真实数组；

(7). each方法：

接受一个回调函数，并对j对象中的每一个元素调用回调函数，

在回调函数中，this指针指向Element对象，回调函数中的第一个参数为索引值，

第二个参数表示Element元素。通过返回false值终止便利，类似break的效果。

$("div").each(function(idx) {
    $(this).prepend(idx + ": ");
    if (this.id === "last") return false;
});

(8). map方法：

将回调函数的返回值收集并封装成一个新的j对象返回。

如果回调函数返回null或者undefined，那么将不会被添加到j对象，并且返回的j对象可以不包括文档元素：

$(".header").map(function() { return this.id; }).toArray().sort();

(9). index方法：

a.接受一个元素作为参数，返回他在j对象中的索引值，如果没有返回-1；

b.接受一个j对象作为参数，对该对象的第一个元素进行搜素；

c. 接受一个选择器字符串，返回匹配该选择器的第一个元素的索引；

(10). is()方法：

接受一个字符串选择器作为参数，返回j对象中是否有一个匹配该选择器；

$("div").each(function() {
    if ($(this).is(":hidden")) return;
});

【笔记】 《js权威指南》- 第19章 JQuery类库 - 19.1 JQuery基础

标签：

原文地址：http://blog.csdn.net/zazisb/article/details/51220828