11 |
12 |
47 |
48 |
49 |
--------------------------------------------------------------------------------
/assets/jquery/event.type.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
event.type
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:String event.type
17 |
V1.0 概述
18 |
22 |
23 |
示例
24 |
25 |
描述:
26 |
点击所有锚点后弹出事件类型。
27 |
jQuery 代码:
28 |
$("a").click(function(event) {
29 | alert(event.type); // "click"
30 | });
31 |
32 |
33 |
34 |
35 |
--------------------------------------------------------------------------------
/sections/windows/ip-search.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 | Location
11 | Ping
12 | Trace
13 | IP:Port
14 | My IP
15 |
16 |
Processed Result
17 |
Location支持多个IP或域名，其他功能建议一次查询一个。
18 |
19 |
20 |
27 |
28 |
--------------------------------------------------------------------------------
/assets/jquery/event.currentTarget.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
event.currentTarget
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Element event.currentTarget
17 |
V1.3 概述
18 |
19 |
在事件冒泡阶段中的当前DOM元素
20 |
21 |
22 |
23 |
示例
24 |
25 |
描述:
26 |
警报currentTarget的匹配`this`关键字。
27 |
jQuery 代码:
28 |
$("p").click(function(event) {
29 | alert( event.currentTarget === this ); // true
30 | });
31 |
32 |
33 |
34 |
35 |
36 |
--------------------------------------------------------------------------------
/assets/jquery/jQuery.boxModel.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
jQuery.boxModel
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Boolean jQuery.boxModel
17 |
V1.0 概述
18 |
19 |
在jQuery 1.3中不建议使用。当前页面中浏览器是否使用标准盒模型渲染页面。 建议使用 jQuery.support.boxModel 代替。W3C CSS 盒模型.
20 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
在 Internet Explorer 怪癖模式（QuirksMode）中返回 False。
29 |
jQuery 代码:
30 |
$.boxModel
31 |
32 |
33 |
34 |
35 |
36 |
--------------------------------------------------------------------------------
/assets/jquery/jQuery.toArray.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
jQuery.toArray()
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Number jQuery.toArray()
17 |
V1.4 概述
18 |
19 |
把jQuery集合中所有DOM元素恢复成一个数组。
20 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
得到所有li的元素数组
29 |
jQuery 代码:
30 |
alert($('li').toArray());
31 |
结果:
32 |
[<li id="foo">, <li id="bar">]
33 |
34 |
35 |
36 |
37 |
38 |
--------------------------------------------------------------------------------
/assets/jquery/event.data.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
event.data
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Anything event.data
17 |
V1.1 概述
18 |
19 |
当前执行的处理器被绑定的时候，包含可选的数据传递给jQuery.fn.bind。
20 |
21 |
22 |
23 |
示例
24 |
25 |
描述:
26 |
The description of the example.
27 |
jQuery 代码:
28 |
$("a").each(function(i) {
29 | $(this).bind('click', {index:i}, function(e){
30 | alert('my index is ' + e.data.index);
31 | });
32 | });
33 |
34 |
35 |
36 |
37 |
38 |
--------------------------------------------------------------------------------
/assets/jquery/root.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
:root
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:jQuery :root
17 |
V1.9 概述
18 |
19 |
选择该文档的根元素。
20 |
21 |
在HTML中，文档的根元素，和$(":root")选择的元素一样， 永远是<html>元素。
22 |
23 |
24 |
29 |
30 |
示例
31 |
设置<html>背景颜色为黄色
32 |
$(":root").css("background-color","yellow");
33 |
34 |
35 |
36 |
37 |
38 |
--------------------------------------------------------------------------------
/assets/jquery/animated.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
:animated
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Array<Element(s)> :animated
17 |
V1.2 概述
18 |
19 |
匹配所有正在执行动画效果的元素
20 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
只有对不在执行动画效果的元素执行一个动画特效
29 |
HTML 代码:
30 |
<button id="run">Run</button><div></div>
31 |
jQuery 代码:
32 |
$("#run").click(function(){
33 | $("div:not(:animated)").animate({ left: "+=20" }, 1000);
34 | });
35 |
36 |
37 |
38 |
39 |
40 |
--------------------------------------------------------------------------------
/assets/jquery/empty.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
empty()
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:jQuery empty()
17 |
V1.0 概述
18 |
19 |
删除匹配的元素集合中所有的子节点。
20 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
把所有段落的子元素（包括文本节点）删除
29 |
HTML 代码:
30 |
<p>Hello, <span>Person</span> <a href="#">and person</a></p>
31 |
jQuery 代码:
32 |
$("p").empty();
33 |
结果:
34 |
<p></p>
35 |
36 |
37 |
38 |
39 |
40 |
--------------------------------------------------------------------------------
/assets/jquery/event.relatedTarget.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
event.relatedTarget
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值: Element event.relatedTarget
17 |
V1.1.4 概述
18 |
19 |
在事件中涉及的其它任何DOM元素。
20 |
21 |
对于 mouseout 事件，它指向被进入的元素；对于 mousein 事件，它指向被离开的元素。
22 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
On mouseout of anchors, alert the element type being entered.
29 |
jQuery 代码:
30 |
$("a").mouseout(function(event) {
31 | alert(event.relatedTarget.nodeName); // "DIV"
32 | });
33 |
34 |
35 |
36 |
37 |
38 |
--------------------------------------------------------------------------------
/assets/jquery/ajaxStart.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
ajaxStart(callback)
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:jQuery ajaxStart(callback)
17 |
概述
18 |
19 |
AJAX 请求开始时执行函数。Ajax 事件。
20 |
23 |
24 |
参数
25 |
26 |
callback Function V1.0
27 |
待执行函数
28 |
29 |
30 |
示例
31 |
32 |
描述:
33 |
AJAX 请求开始时显示信息。
34 |
jQuery 代码:
35 |
$("#loading").ajaxStart(function(){
36 | $(this).show();
37 | });
38 |
39 |
40 |
41 |
42 |
--------------------------------------------------------------------------------
/assets/jquery/ajaxStop.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
ajaxStop(callback)
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:jQuery ajaxStop(callback)
17 |
概述
18 |
19 |
AJAX 请求结束时执行函数。Ajax 事件。
20 |
23 |
24 |
参数
25 |
26 |
callback Function V1.0
27 |
待执行函数
28 |
29 |
30 |
示例
31 |
32 |
描述:
33 |
AJAX 请求结束后隐藏信息。
34 |
jQuery 代码:
35 |
$("#loading").ajaxStop(function(){
36 | $(this).hide();
37 | });
38 |
39 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/assets/jquery/size.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
size()
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Number size()
17 |
V1.0 概述
18 |
19 |
jQuery 对象中元素的个数。
20 |
21 |
当前匹配的元素个数。 <span title="Core/size">size</span> 将返回相同的值。
22 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
计算文档中所有图片数量
29 |
HTML 代码:
30 |
<img src="test1.jpg"/> <img src="test2.jpg"/>
31 |
jQuery 代码:
32 |
$("img").size();
33 |
结果:
34 |
2
35 |
36 |
37 |
38 |
39 |
40 |
--------------------------------------------------------------------------------
/assets/jquery/deferred.isRejected.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
deferred.isRejected()
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Boolean deferred.isRejected()
17 |
V1.5 概述
18 |
19 |
确定延迟对象是否已被拒绝。
20 |
21 |
注意：jquery1.7API中已弃用，请用deferred.state()替代。
22 |
如果延迟对象是在被拒绝的状态则返回true，这意味着要么deferred.reject() 或者deferred.rejectWith() 被调用的对象和failCallbacks被访问（或称正在这一进程中的）。
23 |
请注意，延迟的对象可以有三种状态：未解决（unresolved），解决（resolved），或拒绝（rejected）;使用deferred.isResolved() 来判断延迟对象是否在解决状态 。这些方法主要用于调试时非常有用，例如，以确定是否递延已经解决，即使你在代码中打算拒绝。
24 |
25 |
26 |
27 |
28 |
29 |
--------------------------------------------------------------------------------
/assets/jquery/event.isDefaultPrevented.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
event.isDefaultPrevented()
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值: Boolean event.isDefaultPrevented()
17 |
V1.3 概述
18 |
19 |
根据事件对象中是否调用过 event.preventDefault() 方法来返回一个布尔值。
20 |
21 |
22 |
23 |
示例
24 |
25 |
描述:
26 |
检测 event.preventDefault() 是否被调用过。
27 |
jQuery 代码:
28 |
$("a").click(function(event){
29 | alert( event.isDefaultPrevented() ); // false
30 | event.preventDefault();
31 | alert( event.isDefaultPrevented() ); // true
32 | });
33 |
34 |
35 |
36 |
37 |
38 |
--------------------------------------------------------------------------------
/assets/jquery/deferred.isResolved.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
deferred.isResolved()
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Deferred Object deferred.isResolved()
17 |
概述
18 |
19 |
确定延迟对象是否已得到解决。
20 |
21 |
注意：jquery1.7API中已弃用，请用deferred.state()替代。
22 |
如果延迟对象是在被解决的状态则返回true，这意味着要么deferred.reject() 或者deferred.rejectWith() 被调用的对象和failCallbacks被访问（或称正在这一进程中的）。
23 |
请注意，延迟的对象可以有三种状态：未解决（unresolved），解决（resolved），或拒绝（rejected）;使用deferred.isResolved() 来判断延迟对象是否在解决状态 。这些方法主要用于调试时非常有用，例如，以确定是否递延已经解决，即使你在代码中打算拒绝。
24 |
25 |
26 |
27 |
28 |
29 |
30 |
--------------------------------------------------------------------------------
/assets/jquery/length.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
length
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Number length
17 |
V1.0 概述
18 |
19 |
jQuery 对象中元素的个数。
20 |
21 |
这个函数的返回值与 jQuery 对象的'<span title="Core/length">length</span>' 属性一致。
22 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
计算文档中所有图片数量
29 |
HTML 代码:
30 |
<img src="test1.jpg"/> <img src="test2.jpg"/>
31 |
jQuery 代码:
32 |
$("img").length;
33 |
结果:
34 |
2
35 |
36 |
37 |
38 |
39 |
40 |
--------------------------------------------------------------------------------
/assets/jquery/deferred.progress.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
deferred.progress(progressCallbacks)
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Deferred Object deferred.progress(progressCallbacks)
17 |
概述
18 |
19 |
当Deferred对象时生成进度通知时添加被访问处理程序。
20 |
21 |
这个参数可以是一个单一的功能或功能的阵列。当递延通过调用生成的进度通知notify或notifyWith，progressCallbacks 被访问。后来deferred.progress()返回Deferred对象。Deferred对象有方法可以链接到这一个。当递延解决或拒绝，进展回调将不再被调用。欲了解更多信息，请参阅文档Deferred object 。
22 |
23 |
24 |
参数
25 |
26 |
progressCallbacks V1.7
27 |
一个函数或函数数组，被呼叫递延生成进度通知。
28 |
29 |
30 |
31 |
32 |
33 |
--------------------------------------------------------------------------------
/assets/jquery/all.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
*
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Array<Element(s)> *
17 |
V1.0 概述
18 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
找到每一个元素
29 |
HTML 代码:
30 |
<div>DIV</div>
31 | <span>SPAN</span>
32 | <p>P</p>
33 |
jQuery 代码:
34 |
$("*")
35 |
结果:
36 |
[ <div>DIV</div>, <span>SPAN</span>, <p>P</p> ]
37 |
38 |
39 |
40 |
41 |
42 |
--------------------------------------------------------------------------------
/assets/jquery/jQuery.trim.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
jQuery.trim(str)
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:String jQuery.trim(str)
17 |
概述
18 |
19 |
去掉字符串起始和结尾的空格。
20 |
23 |
24 |
参数
25 |
26 |
str String V1.0
27 |
需要处理的字符串
28 |
29 |
30 |
示例
31 |
32 |
描述:
33 |
去掉字符串起始和结尾的空格。
34 |
jQuery 代码:
35 |
$.trim(" hello, how are you? ");
36 |
结果:
37 |
"hello, how are you?"
38 |
39 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/assets/plugins/compress/words.js:
--------------------------------------------------------------------------------
1 |
2 | var Words = Collection.extend({
3 | constructor: function(script) {
4 | this.base();
5 | forEach (script.match(WORDS), this.add, this);
6 | this.encode();
7 | },
8 |
9 | add: function(word) {
10 | if (!this.has(word)) this.base(word);
11 | word = this.get(word);
12 | word.count++;
13 | return word;
14 | },
15 |
16 | encode: function() {
17 | // sort by frequency
18 | this.sort(function(word1, word2) {
19 | return word2.count - word1.count;
20 | });
21 |
22 | eval("var a=62,e=" + Packer.ENCODE62);
23 | var encode = e;
24 | var encoded = new Collection; // a dictionary of base62 -> base10
25 | var count = this.size();
26 | for (var i = 0; i < count; i++) {
27 | encoded.put(encode(i), i);
28 | }
29 |
30 | var empty = function() {return ""};
31 | var index = 0;
32 | forEach (this, function(word) {
33 | if (encoded.has(word)) {
34 | word.index = encoded.get(word);
35 | word.toString = empty;
36 | } else {
37 | while (this.has(encode(index))) index++;
38 | word.index = index++;
39 | }
40 | word.encoded = encode(word.index);
41 | }, this);
42 |
43 | // sort by encoding
44 | this.sort(function(word1, word2) {
45 | return word1.index - word2.index;
46 | });
47 | },
48 |
49 | toString: function() {
50 | return this.getValues().join("|");
51 | }
52 | }, {
53 | Item: {
54 | constructor: function(word) {
55 | this.toString = function() {return word};
56 | },
57 |
58 | count: 0,
59 | encoded: "",
60 | index: -1
61 | }
62 | });
--------------------------------------------------------------------------------
/assets/jquery/deferred.reject.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
deferred.reject(args)
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Deferred Object deferred.reject(args)
17 |
概述
18 |
19 |
拒绝延迟对象，并根据给定的参数调用任何失败的回调函数。
20 |
23 |
24 |
参数
25 |
26 |
args V1.5
27 |
传递给failCallbacks的可选参数。
28 |
29 |
30 |
31 |
32 |
33 |
--------------------------------------------------------------------------------
/assets/jquery/enabled.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
:enabled
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Array<Element(s)> :enabled
17 |
V1.0 概述
18 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
查找所有可用的input元素
29 |
HTML 代码:
30 |
<form>
31 | <input name="email" disabled="disabled" />
32 | <input name="id" />
33 | </form>
34 |
jQuery 代码:
35 |
$("input:enabled")
36 |
结果:
37 |
[ <input name="id" /> ]
38 |
39 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/assets/jquery/jQuery.error.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
jQuery.error(message)
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:String jQuery.error(message)
17 |
概述
18 |
19 |
接受一个字符串，并且直接抛出一个包含这个字符串的异常。
20 |
21 |
这个方法的主要目的是提供给插件开发人员，让他们可以重载这个方法，并以更好的方式显示错误，或者提供更多信息。
22 |
23 |
24 |
参数
25 |
26 |
message String V1.4.1
27 |
要抛出的消息
28 |
29 |
30 |
示例
31 |
32 |
描述:
33 |
重载jQuery.error，以便可以在Firebug里显示
34 |
jQuery 代码:
35 |
jQuery.error = console.error;
36 |
37 |
38 |
39 |
40 |
41 |
--------------------------------------------------------------------------------
/assets/jquery/jQuery.browser.version.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
jQuery.browser.version
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:String jQuery.browser.version
17 |
V1.1.3 概述
18 |
19 |
在jQuery 1.3中不建议使用。浏览器渲染引擎版本号。
20 |
21 |
典型结果: Internet Explorer: 6.0, 7.0
22 |
Mozilla/Firefox/Flock/Camino: 1.7.12, 1.8.1.3
23 |
Opera: 9.20
24 |
Safari/Webkit: 312.8, 418.9
25 |
26 |
27 |
28 |
示例
29 |
30 |
描述:
31 |
显示当前 IE 浏览器版本号。
32 |
jQuery 代码:
33 |
if ( $.browser.msie )
34 | alert( $.browser.version );
35 |
36 |
37 |
38 |
39 |
40 |
--------------------------------------------------------------------------------
/assets/jquery/jQuery.isArray.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
jQuery.isArray(obj)
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Boolean jQuery.isArray(obj)
17 |
概述
18 |
19 |
jQuery 1.3 新增。测试对象是否为数组。
20 |
23 |
24 |
参数
25 |
26 |
obj Object V1.3
27 |
用于测试是否为数组的对象
28 |
29 |
30 |
示例
31 |
32 |
描述:
33 |
检测是否为数组
34 |
jQuery 代码:
35 |
$("b").append( " + $.isArray([]) );
36 |
结果:
37 |
<b>true</b>
38 |
39 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/assets/jquery/jQuery.isPlainObject.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
jQuery.isPlainObject(obj)
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Boolean jQuery.isPlainObject(obj)
17 |
概述
18 |
19 |
测试对象是否是纯粹的对象（通过 "{}" 或者 "new Object" 创建的）。
20 |
23 |
24 |
参数
25 |
26 |
obj Object V1.4
27 |
用于测试是否为纯粹的对象
28 |
29 |
30 |
示例
31 |
32 |
描述:
33 |
测试是否为纯粹的对象
34 |
jQuery 代码:
35 |
jQuery.isPlainObject({}) // true
36 | jQuery.isPlainObject("test") // false
37 |
38 |
39 |
40 |
41 |
42 |
--------------------------------------------------------------------------------
/assets/jquery/deferred.resolve.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
deferred.resolve(args)
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Deferred Object deferred.resolve(args)
17 |
概述
18 |
19 |
解决递延对象，并根据给定的参数调用任何完成的回调函数。
20 |
23 |
24 |
参数
25 |
26 |
args String V1.5
27 |
传递给doneCallbacks的可选参数
28 |
29 |
30 |
31 |
32 |
33 |
--------------------------------------------------------------------------------
/assets/jquery/disabled.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
:disabled
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Array<Element(s)> :disabled
17 |
V1.0 概述
18 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
查找所有不可用的input元素
29 |
HTML 代码:
30 |
<form>
31 | <input name="email" disabled="disabled" />
32 | <input name="id" />
33 | </form>
34 |
jQuery 代码:
35 |
$("input:disabled")
36 |
结果:
37 |
[ <input name="email" disabled="disabled" /> ]
38 |
39 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/assets/jquery/lastOfType.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
:last-of-type
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:jQuery :last-of-type
17 |
V1.9 概述
18 |
19 |
选择的所有元素之间具有相同元素名称的最后一个兄弟元素。
20 |
21 |
:last-of-type 选择器匹配在文档树中具有相同的父元素并且相同的元素名称，后面没有任何其他元素 的元素。
22 |
23 |
24 |
29 |
30 |
示例
31 |
在每一个匹配的<p>中找到最后一个span
32 |
33 | <p>
34 | <span>1</span>
35 | <span>2</span>
36 | <span>3</span>
37 | </p>
38 | $("p:last-of-type")
39 |
40 |
41 |
42 |
43 |
44 |
--------------------------------------------------------------------------------
/assets/jquery/jQuery.unique.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
jQuery.unique(array)
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Array jQuery.unique(array)
17 |
概述
18 |
19 |
删除数组中重复元素。只处理删除DOM元素数组，而不能处理字符串或者数字数组。
20 |
23 |
24 |
参数
25 |
26 |
array Array V1.1.3
27 |
待处理数组。
28 |
29 |
30 |
示例
31 |
32 |
描述:
33 |
删除重复 div 标签。
34 |
jQuery 代码:
35 |
$.unique(document.getElementsByTagName("div"));
36 |
结果:
37 |
[<div>, <div>, ...]
38 |
39 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/assets/jquery/ajaxSuccess.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
ajaxSuccess(callback)
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:jQuery ajaxSuccess(callback)
17 |
概述
18 |
19 |
AJAX 请求成功时执行函数。Ajax 事件。
20 |
21 |
XMLHttpRequest 对象和设置作为参数传递给回调函数。
22 |
23 |
24 |
参数
25 |
26 |
callback Function V1.0
27 |
待执行函数
28 |
29 |
30 |
示例
31 |
32 |
描述:
33 |
当 AJAX 请求成功后显示消息。
34 |
jQuery 代码:
35 |
$("#msg").ajaxSuccess(function(evt, request, settings){
36 | $(this).append("<li>请求成功!</li>");
37 | });
38 |
39 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/assets/jquery/ajaxSend.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
ajaxSend(callback)
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:jQuery ajaxSend(callback)
17 |
概述
18 |
19 |
AJAX 请求发送前执行函数。Ajax 事件。
20 |
21 |
XMLHttpRequest 对象和设置作为参数传递给回调函数。
22 |
23 |
24 |
参数
25 |
26 |
callback Function V1.0
27 |
待执行函数
28 |
29 |
30 |
示例
31 |
32 |
描述:
33 |
AJAX 请求发送前显示信息。
34 |
jQuery 代码:
35 |
$("#msg").ajaxSend(function(evt, request, settings){
36 | $(this).append("<li>开始请求: " + settings.url + "</li>");
37 | });
38 |
39 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/assets/jquery/firstOfType.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
:first-of-type
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:jQuery :first-of-type
17 |
V1.9 概述
18 |
19 |
选择所有相同的元素名称的第一个兄弟元素。
20 |
21 |
:first-of-type 选择器匹配元素，在文档树中，相同的父元素并且在其他相同的元素名称之前。
22 |
23 |
24 |
29 |
30 |
示例
31 |
32 |
在每一个匹配的div中查找第一个span
33 |
34 | <div>
35 | <span>1</span>
36 | <span>2</span>
37 | <span>3</span>
38 | </div>
39 |
40 | $("div:first-of-type")
41 |
42 |
43 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
/assets/jquery/innerWidth.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
innerWidth()
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Integer innerWidth()
17 |
V1.2.6 概述
18 |
19 |
获取第一个匹配元素内部区域宽度（包括补白、不包括边框）。
20 |
21 |
此方法对可见和隐藏元素均有效。
22 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
获取第一段落内部区域宽度。
29 |
HTML 代码:
30 |
<p>Hello</p><p>2nd Paragraph</p>
31 |
jQuery 代码:
32 |
var p = $("p:first");
33 | $("p:last").text( "innerWidth:" + p.innerWidth() );
34 |
结果:
35 |
<p>Hello</p><p>innerWidth: 40</p>
36 |
37 |
38 |
39 |
40 |
41 |
--------------------------------------------------------------------------------
/assets/jquery/innerHeight.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
innerHeight()
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Integer innerHeight()
17 |
V1.2.6 概述
18 |
19 |
获取第一个匹配元素内部区域高度（包括补白、不包括边框）。
20 |
21 |
此方法对可见和隐藏元素均有效。
22 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
获取第一段落内部区域高度。
29 |
HTML 代码:
30 |
<p>Hello</p><p>2nd Paragraph</p>
31 |
jQuery 代码:
32 |
var p = $("p:first");
33 | $("p:last").text( "innerHeight:" + p.innerHeight() );
34 |
结果:
35 |
<p>Hello</p><p>innerHeight: 16</p>
36 |
37 |
38 |
39 |
40 |
41 |
--------------------------------------------------------------------------------
/assets/jquery/visible.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
:visible
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Array<Element(s)> :visible
17 |
V1.0 概述
18 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
查找所有可见的 tr 元素
29 |
HTML 代码:
30 |
<table>
31 | <tr style="display:none"><td>Value 1</td></tr>
32 | <tr><td>Value 2</td></tr>
33 | </table>
34 |
jQuery 代码:
35 |
$("tr:visible")
36 |
结果:
37 |
[ <tr><td>Value 2</td></tr> ]
38 |
39 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/assets/jquery/jQuery.isEmptyObject.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
jQuery.isEmptyObject(obj)
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Boolean jQuery.isEmptyObject(obj)
17 |
概述
18 |
19 |
jQuery 1.4 新增。测试对象是否是空对象（不包含任何属性）。
20 |
21 |
jQuery 1.4 中，这个方法既检测对象本身的属性，也检测从原型继承的属性（因此没有使用hasOwnProperty）。
22 |
23 |
24 |
参数
25 |
26 |
obj Object V1.4
27 |
用于测试是否为空对象
28 |
29 |
30 |
示例
31 |
32 |
描述:
33 |
测试是否为空对象
34 |
jQuery 代码:
35 |
jQuery.isEmptyObject({}) // true
36 | jQuery.isEmptyObject({ foo: "bar" }) // false
37 |
38 |
39 |
40 |
41 |
42 |
--------------------------------------------------------------------------------
/assets/jquery/jQuery.fx.off.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
jQuery.fx.off
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Boolean jQuery.fx.off
17 |
V1.3 概述
18 |
19 |
关闭页面上所有的动画。
20 |
21 |
把这个属性设置为true可以立即关闭所有动画(所有效果会立即执行完毕)。有些情况下可能需要这样，比如：
22 |
* 你在配置比较低的电脑上使用jQuery。
23 |
* 你的一些用户由于动画效果而遇到了 可访问性问题
24 |
当把这个属性设成false之后，可以重新开启所有动画。
25 |
26 |
27 |
28 |
示例
29 |
30 |
描述:
31 |
执行一个禁用的动画
32 |
jQuery 代码:
33 |
jQuery.fx.off = true;
34 | $("input").click(function(){
35 | $("div").toggle("slow");
36 | });
37 |
38 |
39 |
40 |
41 |
42 |
--------------------------------------------------------------------------------
/assets/jquery/last.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
last()
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:jQuery last()
17 |
V1.4 概述
18 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
获取匹配的最后个元素
29 |
HTML 代码:
30 |
<ul>
31 | <li>list item 1</li>
32 | <li>list item 2</li>
33 | <li>list item 3</li>
34 | <li>list item 4</li>
35 | <li>list item 5</li>
36 | </ul>
37 |
jQuery 代码:
38 |
$('li').last()
39 |
结果:
40 |
[ <li>list item 5</li> ]
41 |
42 |
43 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
/assets/jquery/last_1.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
:last
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:jQuery :last()
17 |
V1.0 概述
18 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
获取匹配的最后个元素
29 |
HTML 代码:
30 |
<ul>
31 | <li>list item 1</li>
32 | <li>list item 2</li>
33 | <li>list item 3</li>
34 | <li>list item 4</li>
35 | <li>list item 5</li>
36 | </ul>
37 |
jQuery 代码:
38 |
$('li:last')
39 |
结果:
40 |
[ <li>list item 5</li> ]
41 |
42 |
43 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
/assets/jquery/empty_1.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
:empty
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Array<Element(s)> :empty
17 |
V1.0 概述
18 |
19 |
匹配所有不包含子元素或者文本的空元素
20 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
查找所有不包含子元素或者文本的空元素
29 |
HTML 代码:
30 |
<table>
31 | <tr><td>Value 1</td><td></td></tr>
32 | <tr><td>Value 2</td><td></td></tr>
33 | </table>
34 |
jQuery 代码:
35 |
$("td:empty")
36 |
结果:
37 |
[ <td></td>, <td></td> ]
38 |
39 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/assets/jquery/first.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
first()
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:jQuery first()
17 |
V1.4 概述
18 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
获取匹配的第一个元素
29 |
HTML 代码:
30 |
<ul>
31 | <li>list item 1</li>
32 | <li>list item 2</li>
33 | <li>list item 3</li>
34 | <li>list item 4</li>
35 | <li>list item 5</li>
36 | </ul>
37 |
jQuery 代码:
38 |
$('li').first()
39 |
结果:
40 |
[ <li>list item 1</li> ]
41 |
42 |
43 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
/assets/jquery/first_1.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
:first
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:jQuery :first
17 |
V1.0 概述
18 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
获取匹配的第一个元素
29 |
HTML 代码:
30 |
<ul>
31 | <li>list item 1</li>
32 | <li>list item 2</li>
33 | <li>list item 3</li>
34 | <li>list item 4</li>
35 | <li>list item 5</li>
36 | </ul>
37 |
jQuery 代码:
38 |
$('li:first');
39 |
结果:
40 |
[ <li>list item 1</li> ]
41 |
42 |
43 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
/assets/jquery/odd.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
:odd
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Array<Element(s)> :odd
17 |
概述
18 |
19 |
匹配所有索引值为奇数的元素，从 0 开始计数
20 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
查找表格的2、4、6行（即索引值1、3、5...）
29 |
HTML 代码:
30 |
<table>
31 | <tr><td>Header 1</td></tr>
32 | <tr><td>Value 1</td></tr>
33 | <tr><td>Value 2</td></tr>
34 | </table>
35 |
jQuery 代码:
36 |
$("tr:odd")
37 |
结果:
38 |
[ <tr><td>Value 1</td></tr> ]
39 |
40 |
41 |
42 |
43 |
44 |
--------------------------------------------------------------------------------
/assets/jquery/clearQueue.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
clearQueue([queueName])
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
返回值:jQuery clearQueue([queueName] )
18 |
概述
19 |
20 |
清空对象上尚未执行的所有队列
21 |
22 |
如果不带参数，则默认清空的是动画队列。这跟stop(true)类似，但stop()只能清空动画队列，而这个可以清空所有通过 .queue() 创建的队列。
23 |
24 |
25 |
参数
26 |
27 |
queueName Boolean V1.4
28 |
含有队列名的字符串。默认是"Fx"，动画队列。
29 |
30 |
31 |
示例
32 |
33 |
描述:
34 |
停止当前正在运行的动画：
35 |
jQuery 代码:
36 |
$("#stop").click(function(){
37 | $("#box").clearQueue();
38 | });
39 |
40 |
41 |
42 |
43 |
44 |
--------------------------------------------------------------------------------
/assets/jquery/context.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
context
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Element context
17 |
V1.3 概述
18 |
19 |
返回传给jQuery()的原始的DOM节点内容，即jQuery()的第二个参数。如果没有指定，那么context指向当前的文档(document)。
20 |
21 |
可以与selector 一起使用，用于精确检测选择器查询情况。这两个属性对插件开发人员很有用。
22 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
检测使用的文档内容
29 |
jQuery 代码:
30 |
$("ul")
31 | .append("<li>" + $("ul").context + "</li>")
32 | .append("<li>" + $("ul", document.body).context.nodeName + "</li>");
33 |
结果:
34 |
[object HTMLDocument] //如果是IE浏览器，则返回[object]
35 | BODY
36 |
37 |
38 |
39 |
40 |
41 |
--------------------------------------------------------------------------------
/assets/jquery/parent_1.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
:parent
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Array<Element(s)> :parent
17 |
V1.0 概述
18 |
19 |
匹配含有子元素或者文本的元素
20 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
查找所有含有子元素或者文本的 td 元素
29 |
HTML 代码:
30 |
<table>
31 | <tr><td>Value 1</td><td></td></tr>
32 | <tr><td>Value 2</td><td></td></tr>
33 | </table>
34 |
jQuery 代码:
35 |
$("td:parent")
36 |
结果:
37 |
[ <td>Value 1</td>, <td>Value 2</td> ]
38 |
39 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/assets/jquery/unwrap.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
unwrap()
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:jQuery unwrap()
17 |
概述
18 |
19 |
这个方法将移出元素的父元素。这能快速取消 .wrap()方法的效果。匹配的元素（以及他们的同辈元素）会在DOM结构上替换他们的父元素。
20 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
用ID是"content"的div将每一个段落包裹起来
29 |
HTML 代码:
30 |
<div>
31 | <p>Hello</p>
32 | <p>cruel</p>
33 | <p>World</p>
34 | </div>
35 |
jQuery 代码:
36 |
$("p").unwrap()
37 |
结果:
38 |
<p>Hello</p>
39 | <p>cruel</p>
40 | <p>World</p>
41 |
42 |
43 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
/assets/jquery/header.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
:header
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Array<Element(s)> :header
17 |
V1.2 概述
18 |
19 |
匹配如 h1, h2, h3之类的标题元素
20 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
给页面内所有标题加上背景色
29 |
HTML 代码:
30 |
<h1>Header 1</h1>
31 | <p>Contents 1</p>
32 | <h2>Header 2</h2>
33 | <p>Contents 2</p>
34 |
jQuery 代码:
35 |
$(":header").css("background", "#EEE");
36 |
结果:
37 |
[ <h1 style="background:#EEE;">Header 1</h1>, <h2 style="background:#EEE;">Header 2</h2> ]
38 |
39 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/assets/jquery/onlyChild.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
:only-child
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Array<Element(s)> :only-child
17 |
V1.1.4 概述
18 |
19 |
如果某个元素是父元素中唯一的子元素，那将会被匹配
20 |
21 |
如果父元素中含有其他元素，那将不会被匹配。
22 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
在 ul 中查找是唯一子元素的 li
29 |
HTML 代码:
30 |
<ul>
31 | <li>John</li>
32 | <li>Karl</li>
33 | <li>Brandon</li>
34 | </ul>
35 | <ul>
36 | <li>Glen</li>
37 | </ul>
38 |
jQuery 代码:
39 |
$("ul li:only-child")
40 |
结果:
41 |
[ <li>Glen</li> ]
42 |
43 |
44 |
45 |
46 |
47 |
--------------------------------------------------------------------------------
/assets/jquery/selector.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
selector
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Striing selector
17 |
V1.3 概述
18 |
19 |
返回传给jQuery()的原始选择器。
20 |
21 |
换句话说，就是返回你用什么选择器来找到这个元素的。可以与context 一起使用，用于精确检测选择器查询情况。这两个属性对插件开发人员很有用。
22 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
确定查询的选择器
29 |
jQuery 代码:
30 |
$("ul")
31 | .append("<li>" + $("ul").selector + "</li>")
32 | .append("<li>" + $("ul li").selector + "</li>")
33 | .append("<li>" + $("div#foo ul:not([class])").selector + "</li>");
34 |
结果:
35 |
ul
36 | ul li
37 | div#foo ul:not([class])
38 |
39 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/assets/jquery/deferred.rejectWith.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
deferred.rejectWith(context,[args])
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Deferred Object deferred.rejectWith(context,[args])
17 |
概述
18 |
19 |
拒绝延迟的对象，并根据给定的上下文和参数调用任何失败的回调函数。。
20 |
23 |
24 |
25 |
参数
26 |
27 |
context V1.5
28 |
上下文作为this对象传递给failCallbacks 。
29 |
args V1.5
30 |
传递给failCallbacks的可选参数。
31 |
32 |
33 |
34 |
35 |
--------------------------------------------------------------------------------
/assets/jquery/position.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
position()
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
返回值:Object{top,left} position()
17 |
V1.2 概述
18 |
19 |
获取匹配元素相对父元素的偏移。
20 |
21 |
返回的对象包含两个整型属性：top 和 left。为精确计算结果，请在补白、边框和填充属性上使用像素单位。此方法只对可见元素有效。
22 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
获取第一段的偏移
29 |
HTML 代码:
30 |
<p>Hello</p><p>2nd Paragraph</p>
31 |
jQuery 代码:
32 |
var p = $("p:first");
33 | var position = p.position();
34 | $("p:last").html( "left: " + position.left + ", top: " + position.top );
35 |
结果:
36 |
<p>Hello</p><p>left: 15, top: 15</p>
37 |
38 |
39 |
40 |
41 |
42 |
--------------------------------------------------------------------------------
/assets/css/github.css:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | github.com style (c) Vasily Polovnyov
4 |
5 | */
6 |
7 | .hljs {
8 | display: block;
9 | overflow-x: auto;
10 | padding: 0.5em;
11 | color: #333;
12 | background: #f8f8f8;
13 | }
14 |
15 | .hljs-comment,
16 | .hljs-quote {
17 | color: #998;
18 | font-style: italic;
19 | }
20 |
21 | .hljs-keyword,
22 | .hljs-selector-tag,
23 | .hljs-subst {
24 | color: #333;
25 | font-weight: bold;
26 | }
27 |
28 | .hljs-number,
29 | .hljs-literal,
30 | .hljs-variable,
31 | .hljs-template-variable,
32 | .hljs-tag .hljs-attr {
33 | color: #008080;
34 | }
35 |
36 | .hljs-string,
37 | .hljs-doctag {
38 | color: #d14;
39 | }
40 |
41 | .hljs-title,
42 | .hljs-section,
43 | .hljs-selector-id {
44 | color: #900;
45 | font-weight: bold;
46 | }
47 |
48 | .hljs-subst {
49 | font-weight: normal;
50 | }
51 |
52 | .hljs-type,
53 | .hljs-class .hljs-title {
54 | color: #458;
55 | font-weight: bold;
56 | }
57 |
58 | .hljs-tag,
59 | .hljs-name,
60 | .hljs-attribute {
61 | color: #000080;
62 | font-weight: normal;
63 | }
64 |
65 | .hljs-regexp,
66 | .hljs-link {
67 | color: #009926;
68 | }
69 |
70 | .hljs-symbol,
71 | .hljs-bullet {
72 | color: #990073;
73 | }
74 |
75 | .hljs-built_in,
76 | .hljs-builtin-name {
77 | color: #0086b3;
78 | }
79 |
80 | .hljs-meta {
81 | color: #999;
82 | font-weight: bold;
83 | }
84 |
85 | .hljs-deletion {
86 | background: #fdd;
87 | }
88 |
89 | .hljs-addition {
90 | background: #dfd;
91 | }
92 |
93 | .hljs-emphasis {
94 | font-style: italic;
95 | }
96 |
97 | .hljs-strong {
98 | font-weight: bold;
99 | }
100 |
--------------------------------------------------------------------------------
/assets/jquery/deferred.resolveWith.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | deferred.resolveWith(context,[args])
6 |
15 |
16 |
返回值:Deferred Object deferred.resolveWith(context,[args])
17 |
概述
18 |
19 |
解决递延对象，并根据给定的上下文和参数调用任何完成的回调函数。
20 |
23 |
24 |
参数
25 |
26 |
context V1.5
27 |
上下文作为this对象传递给 doneCallbacks 。
28 |
args V1.5
29 |
传递给doneCallbacks的可选参数
30 |
31 |
32 |
:selected
6 |
15 |
16 |
返回值:Array<Element(s)> :selected
17 |
V1.0 概述
18 |
19 |
匹配所有选中的option元素
20 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
查找所有选中的选项元素
29 |
HTML 代码:
30 |
<select>
31 | <option value="1">Flowers</option>
32 | <option value="2" selected="selected">Gardens</option>
33 | <option value="3">Trees</option>
34 | </select>
35 |
jQuery 代码:
36 |
$("select option:selected")
37 |
结果:
38 |
[ <option value="2" selected="selected">Gardens</option> ]
39 |
40 |
41 |
jQuery.ajaxSetup([options])
6 |
15 |
16 |
返回值:jQuery jQuery.ajaxSetup([options] )
17 |
概述
18 |
19 |
设置全局 AJAX 默认选项。
20 |
21 |
参数见 '$.ajax' 说明。
22 |
23 |
24 |
参数
25 |
26 |
options Object V1.1
27 |
选项设置。所有设置项均为可选设置。.
28 |
29 |
30 |
示例
31 |
32 |
描述:
33 |
设置 AJAX 请求默认地址为 "/xmlhttp/"，禁止触发全局 AJAX 事件，用 POST 代替默认 GET 方法。其后的 AJAX 请求不再设置任何选项参数。
34 |
jQuery 代码:
35 |
$.ajaxSetup({
36 | url: "/xmlhttp/",
37 | global: false,
38 | type: "POST"
39 | });
40 | $.ajax({ data: myData });
41 |
42 |
43 |
:even
6 |
15 |
16 |
返回值:Array<Element(s)> :even
17 |
V1.0 概述
18 |
19 |
匹配所有索引值为偶数的元素，从 0 开始计数
20 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
查找表格的1、3、5...行（即索引值0、2、4...）
29 |
HTML 代码:
30 |
<table>
31 | <tr><td>Header 1</td></tr>
32 | <tr><td>Value 1</td></tr>
33 | <tr><td>Value 2</td></tr>
34 | </table>
35 |
jQuery 代码:
36 |
$("tr:even")
37 |
结果:
38 |
[ <tr><td>Header 1</td></tr>, <tr><td>Value 2</td></tr> ]
39 |
40 |
41 |
finish( [queue ] )
6 |
15 |
16 |
返回值:jQuery finish( [queue ] )
17 |
概述
18 |
19 |
停止当前正在运行的动画，删除所有排队的动画，并完成匹配元素所有的动画。
20 |
21 |
当.finish()在一个元素上被调用，立即停止当前正在运行的动画和所有排队的动画（如果有的话），并且他们的CSS属性设置为它们的目标值（所有动画的目标值）。所有排队的动画将被删除。
22 |
如果第一个参数提供，该字符串表示的队列中的动画将被停止。
23 |
.finish()方法和.stop(true, true)很相似，.stop(true, true)将清除队列，并且目前的动画跳转到其最终值。但是，不同的是，.finish() 会导致所有排队的动画的CSS属性跳转到他们的最终值。
24 |
25 |
26 |
参数
27 |
28 |
queue String V1.0
29 |
停止动画队列中的名称。
30 |
31 |
32 |
33 |
示例
34 |
停止当前正在运行的动画
35 |
$("#complete").click(function(){
36 |
37 |
38 |
jQuery.merge(first,second)
6 |
15 |
16 |
返回值:Array jQuery.merge(first,second)
17 |
概述
18 |
19 |
合并两个数组
20 |
21 |
返回的结果会修改第一个数组的内容——第一个数组的元素后面跟着第二个数组的元素。要去除重复项，请使用$.unique()
22 |
23 |
24 |
参数
25 |
26 |
first,second Array,Array V1.0
27 |
first :第一个待处理数组，会改变其中的元素。
28 |
second :第二个待处理数组，不会改变其中的元素。
29 |
30 |
31 |
示例
32 |
33 |
描述:
34 |
合并两个数组到第一个数组上。
35 |
jQuery 代码:
36 |
$.merge( [0,1,2], [2,3,4] )
37 |
结果:
38 |
[0,1,2,2,3,4]
39 |
40 |
41 |
removeData([name|list])
6 |
15 |
16 |
返回值:jQuery removeData([name|list])
17 |
概述
18 |
19 |
在元素上移除存放的数据
20 |
21 |
与$(...).data(name, value)函数作用相反
22 |
23 |
24 |
参数
25 |
26 |
[name] String V1.2.3
27 |
存储的数据名
28 |
[list] Array,String V1.7
29 |
移除数组或以空格分开的字符串
30 |
31 |
32 |
示例
33 |
34 |
描述:
35 |
从元素中删除之前添加的数据：
36 |
jQuery 代码:
37 |
$("#btn2").click(function(){
38 | $("div").removeData("greeting");
39 | alert("Greeting is: " + $("div").data("greeting"));
40 | });
41 |
42 |
43 |
element
6 |
15 |
16 |
返回值:Array<Element(s)> element
17 |
概述
18 |
19 |
根据给定的元素名匹配所有元素
20 |
23 |
24 |
参数
25 |
26 |
element String V1.0
27 |
一个用于搜索的元素。指向 DOM 节点的标签名。
28 |
29 |
30 |
示例
31 |
32 |
描述:
33 |
查找一个 DIV 元素。
34 |
HTML 代码:
35 |
<div>DIV1</div>
36 | <div>DIV2</div>
37 | <span>SPAN</span>
38 |
jQuery 代码:
39 |
$("div");
40 |
结果:
41 |
[ <div>DIV1</div>, <div>DIV2</div> ]
42 |
43 |
44 |
jQuery.contains(container,contained)
6 |
15 |
16 |
返回值:Boolean jQuery.contains(container,contained)
17 |
概述
18 |
19 |
一个DOM节点是否包含另一个DOM节点。
20 |
23 |
24 |
参数
25 |
26 |
container,contained Object,Object V1.4
27 |
container :DOM元素作为容器，可以包含其他元素
28 |
contained :DOM节点，可能被其他元素所包含
29 |
30 |
31 |
示例
32 |
33 |
描述:
34 |
检测一个元素是否包含另一个元素
35 |
jQuery 代码:
36 |
jQuery.contains(document.documentElement, document.body); // true
37 | jQuery.contains(document.body, document.documentElement); // false
38 |
39 |
40 |
jQuery.type(obj)
6 |
15 |
16 |
返回值:String jQuery.type(obj)
17 |
概述
18 |
21 |
参数
22 |
23 |
obj Object V1.4.3
24 |
用于测试类型的对象
25 |
26 |
27 |
示例
28 |
29 |
描述:
30 |
以下obj的类型如下：
31 |
32 |
33 | jQuery.type(true) === "boolean"
34 | jQuery.type(3) === "number"
35 | jQuery.type("test") === "string"
36 | jQuery.type(function(){}) === "function"
37 | jQuery.type([]) === "array"
38 | jQuery.type(new Date()) === "date"
39 | jQuery.type(/test/) === "regexp"
40 |
41 |
42 |
43 |
:lang(language)
6 |
15 |
16 |
返回值:jQuery :lang(language)
17 |
概述
18 |
19 |
选择指定语言的所有元素。
20 |
21 |
:lang选择器,匹配有一个语言值等于所提供的语言代码，或以提供的语言代码开始，后面马上跟一个“ - ”的元素。例如，选择器$("div:lang(en)")将匹配<div lang="en"> and <div lang="en-us">（和他们的后代<div>），但不包括<div lang="fr">
22 |
对于HTML元素，语言值由lang属性决定，也可能由来自meta元素或HTTP头信息决定。
23 |
这种用法的进一步讨论可以在 W3C CSS规范 中找到。
24 |
25 |
26 |
参数
27 |
28 |
language V1.9
29 |
语言代码
30 |
31 |
32 |
33 |
示例
34 |
选择所有<P> 的语言属性:
35 |
$("p:lang(it)")
36 |
37 |
38 |
:not(selector)
6 |
15 |
16 |
返回值:Array<Element(s)> :not(selector)
17 |
概述
18 |
19 |
去除所有与给定选择器匹配的元素
20 |
21 |
在jQuery 1.3中，已经支持复杂选择器了（例如:not(div a) 和 :not(div,a)）
22 |
23 |
24 |
参数
25 |
26 |
selector Selector V1.0
27 |
用于筛选的选择器
28 |
29 |
30 |
示例
31 |
32 |
描述:
33 |
查找所有未选中的 input 元素
34 |
HTML 代码:
35 |
<input name="apple" />
36 | <input name="flower" checked="checked" />
37 |
jQuery 代码:
38 |
$("input:not(:checked)")
39 |
结果:
40 |
[ <input name="apple" /> ]
41 |
42 |
43 |
removeAttr(name)
6 |
15 |
16 |
返回值:jQuery removeAttr(name)
17 |
概述
18 |
19 |
从每一个匹配的元素中删除一个属性
20 |
21 |
1.6以下版本在IE6使用JQuery的removeAttr方法删除disabled是无效的。解决的方法就是使用$("XX").prop("disabled",false);
23 |
24 |
25 |
参数
26 |
27 |
name String V1.0
28 |
要删除的属性名
29 |
30 |
31 |
示例
32 |
33 |
描述:
34 |
将文档中图像的src属性删除
35 |
HTML 代码:
36 |
<img src="test.jpg"/>
37 |
jQuery 代码:
38 |
$("img").removeAttr("src");
39 |
结果:
40 |
[ <img /> ]
41 |
42 |
43 |
deferred.notify(args)
6 |
15 |
16 |
返回值:Deferred Object deferred.notify(args)
17 |
概述
18 |
19 |
调用一个给定args的递延对象上的进行中的回调 （progressCallbacks）
20 |
21 |
通常情况下，只有一个递延的创建者，应调用此方法;你可以防止其他代码改变Deferred的状态或者通过deferred.promise()返回一个受限制的承诺对象报告状态
22 |
当 deferred.notify 被访问， 任何progressCallbacks 可以通过访问deferred.then 好或者 deferred.progress 来添加。回调是在它们被添加的顺序执行。每次通过来自.notify()的args回调。任何为.notify()后递延是解决或拒绝（或之后添加任何progressCallbacks ）被忽略。欲了解更多信息，请参阅文档 Deferred object .
23 |
24 |
25 |
参数
26 |
27 |
args V1.7
28 |
可选参数传递到进行中的回调（progressCallbacks）
29 |
30 |
31 |
:has(selector)
6 |
15 |
16 |
返回值:Array<Element(s)> :has(selector)
17 |
概述
18 |
19 |
匹配含有选择器所匹配的元素的元素
20 |
23 |
24 |
参数
25 |
26 |
selector Selector V1.1.4
27 |
一个用于筛选的选择器
28 |
29 |
30 |
示例
31 |
32 |
描述:
33 |
给所有包含 p 元素的 div 元素添加一个 text 类
34 |
HTML 代码:
35 |
<div><p>Hello</p></div>
36 | <div>Hello again!</div>
37 |
jQuery 代码:
38 |
$("div:has(p)").addClass("test");
39 |
结果:
40 |
[ <div class="test"><p>Hello</p></div> ]
41 |
42 |
43 |
[attribute]
6 |
15 |
16 |
返回值:Array<Element(s)> [attribute]
17 |
概述
18 |
19 |
匹配包含给定属性的元素。注意，在jQuery 1.3中，前导的@符号已经被废除！如果想要兼容最新版本，只需要简单去掉@符号即可。
20 |
23 |
24 |
参数
25 |
26 |
attribute String V1.0
27 |
属性名
28 |
29 |
30 |
示例
31 |
32 |
描述:
33 |
查找所有含有 id 属性的 div 元素
34 |
HTML 代码:
35 |
<div>
36 | <p>Hello!</p>
37 | </div>
38 | <div id="test2"></div>
39 |
jQuery 代码:
40 |
$("div[id]")
41 |
结果:
42 |
[ <div id="test2"></div> ]
43 |
44 |
45 |
offsetParent()
6 |
15 |
16 |
返回值:jQuery offsetParent()
17 |
V1.2.6 概述
18 |
19 |
返回第一个匹配元素用于定位的父节点。
20 |
21 |
这返回父元素中第一个其position设为relative或者absolute的元素。此方法仅对可见元素有效。
22 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
设置最近的祖先定位元素的背景颜色
29 |
HTML 代码:
30 |
<div style="width:70%;position:absolute;left:100px;top:100px">
31 | <div style="margin:50px;background-color:yellow">
32 | <p>点击下面的按钮可以设置本段落的最近的父（祖先）元素的背景色。</p>
33 | <div>
34 | </div>
35 | <button>点击这里</button>
36 |
jQuery 代码:
37 |
$("button").click(function(){
38 | $("p").offsetParent().css("background-color","red");
39 | });
40 |
41 |
42 |
43 |
:first-child
6 |
15 |
16 |
返回值:Array<Element(s)> :first-child
17 |
V1.1.4 概述
18 |
19 |
匹配第一个子元素
20 |
21 |
':first' 只匹配一个元素，而此选择符将为每个父元素匹配一个子元素
22 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
在每个 ul 中查找第一个 li
29 |
HTML 代码:
30 |
<ul>
31 | <li>John</li>
32 | <li>Karl</li>
33 | <li>Brandon</li>
34 | </ul>
35 | <ul>
36 | <li>Glen</li>
37 | <li>Tane</li>
38 | <li>Ralph</li>
39 | </ul>
40 |
jQuery 代码:
41 |
$("ul li:first-child")
42 |
结果:
43 |
[ <li>John</li>, <li>Glen</li> ]
44 |
45 |
46 |
jQuery.isWindow(obj)
6 |
15 |
16 |
返回值:Boolean jQuery.isWindow(obj)
17 |
概述
18 |
19 |
测试对象是否是窗口（有可能是Frame）。
20 |
21 |
参数
22 |
23 |
obj Object V1.4.3
24 |
用于测试是否为窗口的对象
25 |
26 |
27 |
示例
28 |
29 |
描述:
30 |
测试是否为窗口
31 |
32 |
jQuery 代码:
33 |
<!DOCTYPE html>
34 | <html>
35 | <head>
36 | <script src="http://code.jquery.com/jquery-1.5.2.js"></script>
37 | </head>
38 | <body>
39 | Is 'window' a window? <b></b>
40 | <script>$("b").append( "" + $.isWindow(window) );</script>
41 |
42 | </body>
43 | </html>
44 |
45 |
46 |
47 |
:last-child
6 |
15 |
16 |
返回值:Array<Element(s)> :last-child
17 |
V1.1.4 概述
18 |
19 |
匹配最后一个子元素
20 |
21 |
':last'只匹配一个元素，而此选择符将为每个父元素匹配一个子元素
22 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
在每个 ul 中查找最后一个 li
29 |
HTML 代码:
30 |
<ul>
31 | <li>John</li>
32 | <li>Karl</li>
33 | <li>Brandon</li>
34 | </ul>
35 | <ul>
36 | <li>Glen</li>
37 | <li>Tane</li>
38 | <li>Ralph</li>
39 | </ul>
40 |
jQuery 代码:
41 |
$("ul li:last-child")
42 |
结果:
43 |
[ <li>Brandon</li>, <li>Ralph</li> ]
44 |
45 |
46 |
delay(duration,[queueName])
6 |
15 |
16 |
返回值:jQuery delay(duration,[queueName] )
17 |
概述
18 |
19 |
设置一个延时来推迟执行队列中之后的项目。
20 |
21 |
jQuery 1.4新增。用于将队列中的函数延时执行。他既可以推迟动画队列的执行，也可以用于自定义队列。
22 |
23 |
24 |
参数
25 |
26 |
duration,[queueName] Integer,String V1.4
27 |
duration :延时时间，单位：毫秒
28 |
queueName :队列名词，默认是Fx，动画队列。
29 |
30 |
31 |
示例
32 |
33 |
描述:
34 |
在.slideUp() 和 .fadeIn()之间延时800毫秒。
35 |
HTML 代码:
36 |
<div id="foo /">
37 |
jQuery 代码:
38 |
$('#foo').slideUp(300).delay(800).fadeIn(400);
39 |
40 |
41 |
jQuery.fx.interval
6 |
15 |
16 |
返回值:Number jQuery.fx.interval
17 |
V1.4.3 概述
18 |
21 |
22 |
示例
23 |
24 |
描述: 帧速设置为100ms
25 |
jQuery 代码:
26 |
<!DOCTYPE html>
27 | <html>
28 | <head>
29 | <style>
30 | div { width:50px; height:30px; margin:5px; float:left;
31 | background:green; }
32 | </style>
33 | <script src="http://code.jquery.com/jquery-1.5.2.js"></script>
34 | </head>
35 | <body>
36 | <p><input type="button" value="Run"/></p>
37 | <div></div>
38 | <script>
39 | jQuery.fx.interval = 100;
40 |
41 | $("input").click(function(){
42 | $("div").toggle( 3000 );
43 | });
44 | </script>
45 |
46 | </body>
47 | </html>
48 |
49 |
50 |
ajaxError(callback)
6 |
15 |
16 |
返回值:jQuery ajaxError(callback)
17 |
概述
18 |
19 |
AJAX 请求发生错误时执行函数。Ajax 事件。
20 |
21 |
XMLHttpRequest 对象和设置作为参数传递给回调函数。捕捉到的错误可作为最后一个参数传递。
22 |
23 |
24 |
参数
25 |
26 |
callback Function V1.0
27 |
待执行函数
28 |
function (event, XMLHttpRequest, ajaxOptions, thrownError) {
29 | // thrownError 只有当异常发生时才会被传递
30 | this; // 监听的 dom 元素
31 | }
32 |
33 |
34 |
35 |
示例
36 |
37 |
描述:
38 |
AJAX 请求失败时显示信息。
39 |
jQuery 代码:
40 |
$("#msg").ajaxError(function(event,request, settings){
41 | $(this).append("<li>出错页面:" + settings.url + "</li>");
42 | });
43 |
44 |
45 |
jQuery.parseJSON(json)
6 |
15 |
16 |
返回值:String jQuery.parseJSON(json)
17 |
概述
18 |
19 |
接受一个JSON字符串，返回解析后的对象。
20 |
21 |
传入一个畸形的JSON字符串会抛出一个异常。比如下面的都是畸形的JSON字符串：
22 |
23 | {test: 1} （ test 没有包围双引号）
24 | {'test': 1} （使用了单引号而不是双引号）
25 |
26 |
另外，如果你什么都不传入，或者一个空字符串、null或undefined，parseJSON都会返回 null 。
27 |
28 |
29 |
参数
30 |
31 |
json String V1.4.1
32 |
要解析的JSON字符串
33 |
34 |
35 |
示例
36 |
37 |
描述:
38 |
解析一个JSON字符串
39 |
jQuery 代码:
40 |
var obj = jQuery.parseJSON('{"name":"John"}');
41 | alert( obj.name === "John" );
42 |
43 |
44 |
:eq(index)
6 |
15 |
16 |
返回值:Array<Element> :eq(index)
17 |
概述
18 |
19 |
匹配一个给定索引值的元素
20 |
23 |
24 |
参数
25 |
26 |
index Number V1.0
27 |
从 0 开始计数
28 |
29 |
30 |
示例
31 |
32 |
描述:
33 |
查找第二行
34 |
HTML 代码:
35 |
<table>
36 | <tr><td>Header 1</td></tr>
37 | <tr><td>Value 1</td></tr>
38 | <tr><td>Value 2</td></tr>
39 | </table>
40 |
jQuery 代码:
41 |
$("tr:eq(1)")
42 |
结果:
43 |
[ <tr><td>Value 1</td></tr> ]
44 |
45 |
46 |
end()
6 |
15 |
16 |
返回值:jQuery end()
17 |
V1.0 概述
18 |
19 |
回到最近的一个"破坏性"操作之前。即，将匹配的元素列表变为前一次的状态。
20 |
21 |
如果之前没有破坏性操作，则返回一个空集。所谓的"破坏性"就是指任何改变所匹配的jQuery元素的操作。这包括在 Traversing 中任何返回一个jQuery对象的函数--'add', 'andSelf', 'children', 'filter', 'find', 'map', 'next', 'nextAll', 'not', 'parent', 'parents', 'prev', 'prevAll', 'siblings' and 'slice'--再加上 Manipulation 中的 'clone'。
22 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
选取所有的p元素，查找并选取span子元素，然后再回过来选取p元素
29 |
HTML 代码:
30 |
<p><span>Hello</span>,how are you?</p>
31 |
jQuery 代码:
32 |
$("p").find("span").end()
33 |
结果:
34 |
[ <p><span>Hello</span> how are you?</p> ]
35 |
36 |
37 |
keyup([[data],fn])
6 |
15 |
16 |
返回值:jQuery keyup([[data],fn])
17 |
概述
18 |
19 |
当按钮被松开时，发生 keyup 事件。它发生在当前获得焦点的元素上。
20 |
21 |
注释：如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。
22 |
23 |
24 |
参数
25 |
26 |
fn Function V1.0
27 |
在每一个匹配元素的keyup事件中绑定的处理函数。
28 |
[data],fn String,Function V1.4.3
29 |
data :keyup([Data], fn) 可传入data供函数fn处理。
30 |
fn :在每一个匹配元素的keyup事件中绑定的处理函数。
31 |
32 |
33 |
示例
34 |
35 |
描述:
36 |
当按下按键时，改变文本域的颜色：
37 |
jQuery 代码:
38 |
$("input").keyup(function(){
39 | $("input").css("background-color","#D6D6FF");
40 | });
41 |
42 |
43 |
mouseup([[data],fn])
6 |
15 |
16 |
返回值:jQuery mouseup([[data],fn])
17 |
概述
18 |
19 |
当在元素上放松鼠标按钮时，会发生 mouseup 事件。
20 |
21 |
与 click 事件不同，mouseup 事件仅需要放松按钮。当鼠标指针位于元素上方时，放松鼠标按钮就会触发该事件。
22 |
23 |
24 |
参数
25 |
26 |
fn Function V1.0
27 |
在每一个匹配元素的mouseup事件中绑定的处理函数。
28 |
[data],fn String,Function V1.4.3
29 |
data :mouseup([Data], fn) 可传入data供函数fn处理。
30 |
fn :在每一个匹配元素的mouseup事件中绑定的处理函数。
31 |
32 |
33 |
示例
34 |
35 |
描述:
36 |
当松开鼠标按钮时，隐藏或显示元素：
37 |
jQuery 代码:
38 |
$("button").mouseup(function(){
39 | $("p").slideToggle();
40 | });
41 |
42 |
43 |
:target
6 |
15 |
16 |
返回值:jQuery :target
17 |
V1.9 概述
18 |
19 |
选择由文档URI的格式化识别码表示的目标元素。
20 |
21 |
如果文档的URI包含一个格式化的标识符，或hash（哈希）， 然后:target选择器将匹配ID和标识符相匹配的元素。 例如，给定的URI http://example.com/#foo， $( "p:target" )，将选择<p id="foo">元素。
22 |
这个不寻常的用法，可进一步讨论中找到 W3C CSS specification .
23 |
24 |
25 |
30 |
31 |
示例
32 |
Return which DOM element triggered the event
33 |
$("p, button, h1, h2").click(function(event){
34 |
35 |
36 |
callbacks.fired()
6 |
15 |
16 |
返回值:Boolean callbacks.fired()
17 |
V1.7 概述
18 |
19 |
用给定的参数调用所有的回调。
20 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
使用callbacks.fired() 确定，如果列表中的回调至少有一次被呼叫
29 |
jQuery 代码:
30 |
// a sample logging function to be added to a callbacks list
31 | var foo = function( value ){
32 | console.log( 'foo:' + value );
33 | }
34 |
35 | var callbacks = $.Callbacks();
36 |
37 | // add the function 'foo' to the list
38 | callbacks.add( foo );
39 |
40 | // fire the items on the list
41 | callbacks.fire( 'hello' ); // outputs: 'foo: hello'
42 | callbacks.fire( 'world '); // outputs: 'foo: world'
43 |
44 | // test to establish if the callbacks have been called
45 | console.log( callbacks.fired() );
46 |
47 |
48 |
:contains(text)
6 |
15 |
16 |
返回值:Array<Element(s)> :contains(text)
17 |
概述
18 |
19 |
匹配包含给定文本的元素
20 |
23 |
24 |
参数
25 |
26 |
text String V1.1.4
27 |
一个用以查找的字符串
28 |
29 |
30 |
示例
31 |
32 |
描述:
33 |
查找所有包含 "John" 的 div 元素
34 |
HTML 代码:
35 |
<div>John Resig</div>
36 | <div>George Martin</div>
37 | <div>Malcom John Sinclair</div>
38 | <div>J. Ohn
39 |
jQuery 代码:
40 |
$("div:contains('John')")
41 |
结果:
42 |
[ <div>John Resig</div>, <div>Malcom John Sinclair</div> ]
43 |
44 |
45 |
event.pageY
6 |
15 |
16 |
返回值:Number event.pageX
17 |
V1.0.4 概述
18 |
19 |
鼠标相对于文档的左边缘的位置。
20 |
21 |
22 |
23 |
示例
24 |
25 |
描述:
26 |
显示鼠标相对于文件的左侧和顶部边缘的位置（在iframe中）。
27 |
代码:
28 |
<!DOCTYPE html>
29 | <html>
30 | <head>
31 | <style>body{ background-color: #eef; }div{ padding: 20px; }</style>
32 | <script src="http://code.jquery.com/jquery-latest.min.js"></script>
33 | </head>
34 | <body>
35 | <div id="log"></div>
36 | <script>
37 | $(document).bind('mousemove',function(e){
38 | $("#log").text("e.pageX: " + e.pageX + ", e.pageY: " + e.pageY);
39 | });
40 | </script>
41 | </body>
42 | </html>
43 |
44 |
45 |
callbacks.disable()
6 |
15 |
16 |
返回值:undefined callbacks.disable()
17 |
V1.7 概述
18 |
19 |
禁用回调列表中的回调
20 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
使用 callbacks.disable() 禁用回调列表：
29 |
jQuery 代码:
30 |
// a sample logging function to be added to a callbacks list
31 | var foo = function( value ){
32 | console.log( value );
33 | }
34 |
35 | var callbacks = $.Callbacks();
36 |
37 | // add the above function to the list
38 | callbacks.add( foo );
39 |
40 | // fire the items on the list
41 | callbacks.fire( 'foo' ); // outputs: foo
42 |
43 | // disable further calls being possible
44 | callbacks.disable();
45 |
46 | // attempt to fire with 'foobar' as an argument
47 | callbacks.fire( 'foobar' ); // foobar isn't output
48 |
49 |
50 |
event.pageX
6 |
15 |
16 |
返回值:Number event.pageX
17 |
V1.0.4 概述
18 |
19 |
鼠标相对于文档的左边缘的位置。
20 |
21 |
22 |
23 |
示例
24 |
25 |
描述:
26 |
显示鼠标相对于文件的左侧和顶部边缘的位置（在iframe中）。
27 |
代码:
28 |
<!DOCTYPE html>
29 | <html>
30 | <head>
31 | <style>body{ background-color: #eef; }div{ padding: 20px; }</style>
32 | <script src="http://code.jquery.com/jquery-latest.min.js"></script>
33 | </head>
34 | <body>
35 | <div id="log"></div>
36 | <script>
37 | $(document).bind('mousemove',function(e){
38 | $("#log").text("e.pageX: " + e.pageX + ", e.pageY: " + e.pageY);
39 | });
40 | </script>
41 | </body>
42 | </html>
43 |
44 |
45 |
event.result
6 |
15 |
16 |
返回值:Object event.result
17 |
V1.3 概述
18 |
19 |
这个属性包含了当前事件事件最后触发的那个处理函数的返回值，除非值是 undefined 。
20 |
21 |
22 |
23 |
示例
24 |
25 |
描述:
26 |
显示前一个事件处理函数的返回值。
27 |
代码:
28 |
<!DOCTYPE html>
29 | <html>
30 | <head>
31 | <script src="http://code.jquery.com/jquery-latest.min.js"></script>
32 | </head>
33 | <body>
34 | <button>display event.result</button>
35 | <p></p>
36 | <script>
37 | $("button").click(function(event) { return "hey"; });
38 | $("button").click(function(event) {
39 | $("p").html( event.result );
40 | });
41 | </script>
42 | </body>
43 | </html>
44 |
45 |
46 |
$.fn.jquery
6 |
15 |
16 |
返回值:String $.fn.jquery
17 |
V1.0 概述
18 |
19 |
代表 jQuery 版本号的字符串。
20 |
21 |
.jquery 属性是通过 jQuery 原型赋值的，通过使用它的别名 $.fn 进行引用。它是一个含有 jQuery 版本号的字符串，例如 "1.5.0" 或 "1.4.4".
22 |
23 |
24 |
25 |
示例
26 |
27 |
描述:
28 |
判断一个对象是否是 jQuery 对象。
29 |
jQuery 代码:
30 |
var a = { what: "A regular JS object" },
31 | b = $('body');
32 | if ( a.jquery ) { // falsy, since it's undefined
33 | alert(' a is a jQuery object! ');
34 | } if ( b.jquery ) { // truthy, since it's a string
35 | alert(' b is a jQuery object! ');
36 | }
37 |
描述:
38 |
取得页面上当前使用的 jQuery 的版本号。
39 |
jQuery 代码:
40 |
alert( 'You are running jQuery version: ' + $.fn.jquery );
41 |
42 |
43 |
deferred.always(alwaysCallbacks,[alwaysCallbacks])
6 |
15 |
16 |
返回值:Deferred Object deferred.always(alwaysCallbacks,[alwaysCallbacks])
17 |
概述
18 |
19 |
当递延对象是解决或拒绝时被调用添加处理程序。
20 |
23 |
24 |
参数
25 |
26 |
alwaysCallbacks V1.6
27 |
一个函数，或者函数数组，当递延对象是解决或拒绝时被调用。
28 |
alwaysCallbacks V1.6
29 |
附加可选的一个函数，或者函数数组，当递延对象是解决或拒绝时被调用。
30 |
31 |
32 |
示例
33 |
34 |
描述:
35 |
jQuery.get（）方法返回一个来自一个延迟的对象的jqXHR对象，我们可以附加一个成功和错误使用deferred.always（）方法的回调。
36 |
jQuery 代码:
37 |
$.get("test.php").always( function() {
38 | alert("$.get completed with success or error callback arguments");
39 | } );
40 |
41 |
42 |