C语言JQuery官方学习资料(译):类型

 

  • 类型

   
JavaScript提供了差不多单放数据类型。除了这些,这卖文档还用介绍部分虚构类型,例如选择器、伪类、事件等。

 

  • String

   
在JavaScript中字符串是一个不可变的对象,它蕴含无、一个要多只字符。它的档次称之为“string”。

typeof"some string"; // "string"
    • 引号

   
一个字符串可以使单引号或对引号来定义,你可以双引号内要周围嵌套使用单引号,如果假定于双引号内利用对引号(或者单引号内采用单引号),必须嵌套使用反斜杠进行转义。

"You make 'me' sad."
'That\'s "cranking" good fun!'
"<a href=\"home\">Home</a>"
    • 放开方法

   
在JavaScript中产生有搭方法可操作字符串。通常结果连续回到一个初的字符串,或返回一个array。

"hello".charAt( 0 ) // "h"
"hello".toUpperCase() // "HELLO"
"Hello".toLowerCase() // "hello"
"hello".replace( /e|o/g, "x" ) // "hxllx"
"1,2,3".split( "," ) // [ "1", "2", "3" ]
    • Length属性

   
所有的字符串都来一个length属性(长度属性)。

"Hello".length // 5
"".length // 0
    • 默认布尔值

    一个空字符串默看false。

!"" // true
!!"" // false
!"hello" // false
!"true" // false
!new Boolean( false ) // false

 

  • htmlString

   
当一个字符串在JQuery文档中表示一个还是多单DOM元素时,通常被创造与插到文档中时常,这个字符串将让当htmlString。当让当一个JQuery()方法参数传递的下,这个字符串将会晤为视作是HTML。

   
当一个字符串作为参数传递给一个操作方法时,例如.append(),它连接给当当HTML,因为JQuery对这字符串(CSS选择器)的另同解释不适用于那个上下文。

    $.parseHTML()可以显式的剖析一个html字符串。

// 追加<b>hello</b>:
$( "<b>hello</b>" ).appendTo( "body" );
// 追加<b>hello</b>:
$( "<b>hello</b>bye" ).appendTo( "body" );
// 语法错误, unrecognized expression: bye<b>hello</b>
$( "bye<b>hello</b>" ).appendTo( "body" );
// 追加bye<b>hello</b>:
$( $.parseHTML( "bye<b>hello</b>" ) ).appendTo( "body" );
// 追加<b>hello</b>wait<b>bye</b>:
$( "<b>hello</b>wait<b>bye</b>" ).appendTo( "body" );

 

  • Number

    在JavaScript中之Number是夹精度64各项IEEE754格式化的价。仅仅看做字符串的时,它们是不可改变之。对于Number类型的多寡有所的演算符都是冲C语言的方法进行演算的。

typeof 12 // "number"
typeof 3.543 // "number"
    • 默认布尔值

   
如果一个数字是0,那么它们默认为false。

!0 // true
!!0 // false
!1 // false
!-1 // false

   
由于是对精度运行,下面这个结果未算是一个荒唐

0.1 + 0.2// 0.30000000000000004
    • Math

   
JavaScript提供了数学对象吃的数字通用功能。

Math.PI // 3.141592653589793
Math.cos( Math.PI ) // -1
    • 数字分析

    parseInt和parseFloat可以用来解析字符串为数字,如果无指定两者是做隐式转换的。

parseInt( "123" ) = 123 // (隐式十进制)
parseInt( "010" ) = 8 // (隐式八进制)
parseInt( "0xCAFE" ) = 51966 // (隐式十六进制)
parseInt( "010", 10 ) = 10 // (显示十进制)
parseInt( "11", 2 ) = 3 // (显示二进制)
parseFloat( "10.10" ) = 10.1
    • Numbers与Strings

   
当数字加一个字符串时,结果始终是一个字符串,而运算符方式是一致的,这是用专注的,如果你想先进行数字运算再附加到一个字符串,那么数字运算需要用括号包裹起来。

"" + 1 + 2; // "12"
"" + ( 1 + 2 ); // "3"
"" + 0.0000001; // "1e-7"
parseInt( 0.0000001 ); // 1 (!)

   
或者你一旦以JavaScript提供的String类,可以分析一个数字也字符串。

String( 1 ) + String( 2 ); // "12"
String( 1 + 2 ); // "3"
    • NaN和Infinity

   
解析一个未是数字之事物常常结果是NaN,isNaN方法好助您判定结果是否是NaN。

parseInt( "hello", 10 ) // NaN
isNaN( parseInt("hello", 10) ) // true

 
  除散装之结果是Infinity。

1 / 0// Infinity

 
  NaN和Infinity都是Number类型的。

typeof NaN // "number"
typeof Infinity // "number"

   
需要小心的是NaN的均等种奇怪的可比,它同它和谐比是殊的。

NaN == NaN// false (!)

    但是Infinity的于是见仁见智的。

Infinity == Infinity// true
    • Integer

   
整数是一个通常的数字型,但当明确指明的早晚,表示数字是一个非浮点数。

    • Float

       
    浮点数也是一个常备的数字型,但以明确指明的时段,就意味着数字是一个浮点数。

 

  • Boolean

   
在JavaScript中Boolean代表的是true或者false。

if ( true ) console.log( "always!" );
if ( false ) console.log( "never!" );

 

  • Object

       
    在JavaScript中一切都是对象。最简便易行的创建对象的章程是目标文字。

var x = {};
var y = {
name: "Pete",
age: 15
};

    对象的类是Object。

typeof {} // "object"
    • 点符号

       
    你得下点符号读取和写入对象的性质。

y.name // "Pete"
y.age // 15
x.name = y.name + " Pan" // "Pete Pan"
x.age = y.age + 1 // 16
    • 数组符号

       
    或许你念写对象的属性是经过数组符号,它同意而动态的选择对象的性。

var operations = {
increase: "++",
decrease: "--"
};
var operation = "increase";
operations[ operation ] // "++"
operations[ "multiply" ] = "*"; // "*"
    • 迭代

       
    通过for-in-loop就可省略的实现目标的迭代。

var obj = {
name: "Pete",
age: 15
};
for( key in obj ) {
alert( "key is " + [ key ] + ", value is " + obj[ key ] );
}

   
需要小心的是for-in-loop可能会见在延伸使用到Object.prototype的时光起问题,例如Object.prototype被人变更了。

   
JQuery提供了通用的each方法去遍历对象的性质和因素数组。

jQuery.each( obj, function( key, value ) {
console.log( "key", key, "value", value );
});

   
缺点是回调被调用在迭代值的光景文中,因此而去了旧对象的上下文。

    • 默认布尔值

       
    一个目标,无论其是不是有性能,默认值永远不会见为false。

!{} // false
!!{} // true
    • 原型

       
    所有的靶子还发出原型(prototype)属性,每当把其当属性的时,如果以靶及找不至这个特性它依然会于靶的原型上进展自我批评,JQuery广泛的动原型将计上加至JQuery实例上。JQuery使用jQuery.fn作为jQuery.prototype的别名,你得用中的任性一个

var form = $("#myform");
console.log( form.clearForm ); // undefined
// jQuery.fn == jQuery.prototype
jQuery.fn.clearForm = function() {
return this.find( ":input" ).each(function() {
this.value = "";
}).end();
};
// 所有的JQuery对象实例都可以运行,因为新的方法已经被添加到原型上了
console.log( form.clearForm );
form.clearForm();

 

  • Array

       
    在JavaScript中数组是不过别之,并且有一些放开方法可以使用。

var x = [];
var y = [ 1, 2, 3 ];
typeof []; // "object"
typeof [ 1, 2, 3 ]; // "object"
x[ 0 ] = 1;
y[ 2 ] // 3
    • 迭代

       
    在频繁组的迭代中length属性是甚管用的。

for ( var i = 0; i < a.length; i++ ) {
// a[i]
}

   
当性能是要的上,只念博一差length属性可以协助运行速度之升级。

for ( var i = 0, j = a.length; i < j; i++ ) {
// a[i]
}

   
另外还有同种植状况是于迭代晓句被定义变量来囤积数组当前迭代的素,在循环体中不再使用数组元素而是以此变量。

for ( var i = 0, item; item = a[i]; i++ ) {
// 使用item变量
}

   
JQuery提供了each方法可迭代数组的每个元素,这个主意对于迭代目标的性也是适用的。

var x = [ 1, 2, 3 ];
jQuery.each( x, function( index, value ) {
console.log( "index", index, "value", value );
});

    length属性可以据此来作序号将元素加入到数组的最后。

var x = [];
x.push( 1 );
x[ x.length ] = 2;
x // [ 1, 2 ]

    数组还有多底坐方法。

var x = [ 0, 3, 1, 2 ];
x.reverse() // [ 2, 1, 3, 0 ]
x.join(" – ") // "2 - 1 - 3 - 0"
x.pop() // [ 2, 1, 3 ]
x.unshift( -1 ) // [ -1, 2, 1, 3 ]
x.shift() // [ 2, 1, 3 ]
x.sort() // [ 1, 2, 3 ]
x.splice( 1, 2 ) // [ 2, 3 ]
    • 默认布尔值

       
    一个累组,无论其有没来素,也永远不会见默认为false。

![] // false
!![] // true
    • Array<Type> 符号

       
    在JQuery的API中,经常可以发现来Array<Type>符号。这样好指定数组元素的意料类型,类似于.NET中的泛型。

dragPrevention    Array<String>

 

  • PlainObject

 
  PlainObject是一个JavaScript对象,包含了0只或多只键值对。

var a = [];
var d = document;
var o = {};
typeof a; // object
typeof d; // object
typeof o; // object
jQuery.isPlainObject( a ); // false
jQuery.isPlainObject( d ); // false
jQuery.isPlainObject( o ); // true

 

  • Function

   
一个函数(方法)在JavaScript中可以是命名的要么是匿名的。任何一个函数都可分配受一个变量,或传递给一个函数,但是透过传递成员函数这样的艺术可以假设她们让另外一个目标的上下文调用。函数的类是“function”。

function named() {}
var handler = function() {}

   
JQuery代码中的匿名函数是大方凸现的。

$( document ).ready(function() {});
$( "a" ).click(function() {});
$.ajax({
url: "someurl.php",
success: function() {}
});
    • 参数

   
在函数中发出同样种植特别的变量,那就是是参数,它是一样栽伪数组形式之要素。

function log( x ) {
console.log( typeof x, arguments.length );
}
log(); // "undefined", 0
log( 1 ); // "number", 1
log( "1", "2", "3" ); // "string", 3

   
参数对象都发一个callee属性,它对的凡实例之中的函数。

var awesome = function() { return arguments.callee; }
awesome() == awesome // true
    • 上下文

   
在JavaScript中,this总是指于当前高达下文,默认情况下this指向的是window对象,在一个函数内this的上下文就见面发生变更,这种变动在函数是哪些吃调用的。

$( document ).ready(function() {
// this指向window.document
});
$( "a" ).click(function() {
// this指向DOM中的a标签元素
});

   
你可指定一个函数的左右文来使用函数的放开方法call或者apply。两者的界别在于怎样传递参数,call将持有的参数作为一个arguments传递让函数,而apply接收一个arguments数组作为参数。

function scope() {
console.log( this, arguments.length );
}
scope() // window, 0
scope.call( "foobar", [ 1, 2 ] ); // "foobar", 1
scope.apply( "foobar", [ 1, 2 ] ); // "foobar", 2
    • 作用域

   
在JavaScript中,所有函数内部定义之变量都只是在该函数的意图域内是实用的。

    在全局范围外定义之变量和函数内部定义的变量名称一致时,两者是不见面生出冲突之。

var x = 0;
(function() {
var x = 1;
console.log( x ); // 1
})();
console.log( x ); // 0
    • 闭包

    闭包是对作用域范围的恢弘,闭包让函数可以在表面看该函数被创造的作用域内的变量。这种模式允许而创建对象后透过措施来操作对象中的变量,这些变量是外部不可见的,这也正是面向对象编程的基础。

function create() {
var counter = 0;
return {
increment: function() {
counter++;
},
print: function() {
console.log( counter );
}
}
}
var c = create();
c.increment();
c.print(); // 1
    • 代办模式

   
在JavaScript中有一致种植代理模式,为任何对象提供平等栽代理以决定对这目标的顾,可以实现基本的面向方面编程(AOP)。

  • 回调

   
回调就是在一个函数中传送一些函数作为其参数。JQuery的波系便是使用函数回调来兑现的。

$( "body" ).click(function( event ) {
console.log( "clicked: " + event.target );
});

   
回调的返回值是可选的,例如提防表单提交,我们可以通过波来进展处理。

$( "#myform" ).submit(function() {
return false;
});

 

  • Selector

   
在JQuery中一个selector是被用来挑选DOM文档中的元素,这文档一般是以浏览器中,除此之外通过AJAX接收的XML文档也是适用的。

   
如果selector被指定为参数类型,那么她以受所有JQuery构造函数接受之,例如:字符串、元素和因素列表等。

 

  • Event

       
    JQuery事件系统是因W3C标准规格事件目标的,事件目标是深受担保传递给事件处理器的。

    DOM中的正儿八经事件是:blur, focus,
 load, resize, scroll, unload, beforeunload, click, dblclick, mousedown,
mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change,
select, submit, keydown, keypress, 和
keyup。DOM事件的名目是为片要素预定义的,JQuery事件模型可以通过元素上之一部分名称指向一个事变。

 

  • Element

       
    在DOM中的一个因素得以有性、文本及子节点。它提供了点子可以遍历父节点和子节点,并获取她的性能。JQuery提供了声援元素和DOM交互的章程。

   
每当使用JQuery中之each方法,函数回调的上下文将让装也一个DOM元素,事件处理器为是近乎之。

$( ":text" ).blur(function() {
if( !this.value ) {
alert( "Please enter some text!" );
}
});

 

  • jQuery

       
    JQuery对象涵盖一个DOM元素的联谊。JQuery经常使用CSS样式中之选择器来配合文档中之素,设置JQuery对象中的因素经常为喻为设置“匹配元素”或者“已选元素”。

   
JQuery对象类似于数组,但是要小心的凡它们不是当真的数组对象,虽然它来length属性,但是任何有数组内置方法是免克下的。

   
很多JQuery方法返回的啊是JQuery对象,所以当如此的状态下可以使用链式调用的方来调用函数。

$( "p" ).css( "color", "red" ).find( ".special" ).css( "color", "green" );

   
每当你下JQuery的链式调用函数时,如果您想回去到目前因素之前的死去活来元素,那么你可使用.end()方法。

   
JQuery对象可以是空的,不分包DOM中的元素,你可以经过$()创建一个空JQuery对象。如果选择器没有选其它因素或链式方法吃淋了富有的素,那么JQuery对象呢空而非是error,并且在空的JQuery对象上调用方法是杯水车薪的。

 

  • XMLHttpRequest

     
      一些jQuery的AJAX函数返回的凡地方的XMLHttpRequest(XHR)对象,而XMLHttpRequest正是AJAX的主导目标,其利害攸关力量是同劳动端进行多少交互。

 

  • XML Document

    XML文档对象是通过浏览器的XML
DOM解析器创建的,XML文档与HTML文档有着不同的语义,但大部分之遍历与JQuery方法对于两岸是平使用以及运转的。

 

  • 品种检查

   
jQuery提供了一部分着力的实用方法来规定一个特定值的种类。

var myValue = [ 1, 2, 3 ];
// 使用JavaScript的typeof来测试类型
typeof myValue === "string"; // false
typeof myValue === "number"; // false
typeof myValue === "undefined"; // false
typeof myValue === "boolean"; // false
// 使用全等于运算符判断是否为null
myValue === null; // false
// 使用Jquery的方法检查类型
jQuery.isFunction( myValue ); // false
jQuery.isPlainObject( myValue ); // false
jQuery.isArray( myValue ); // true