jQuery数据类型总括

读取或安装ARubiconRAY中元素的值,选用这种艺术:

jQuery数据类型小结(16个),jquery数据类型

jQuery除了含有原生JS中的内置数据类型(built-in
datatype),还包罗一些恢宏的数据类型(virtual
types),如Selectors、Events等。

  1. String

String最常见,大约任何一门高端编程语言和脚本语言中都帮忙,比方”Hello
world!”即字符串。字符串的种类为string。比方

var typeOfStr = typeof “hello world”;//typeOfStr为“string”

1.1 String内置方法

“hello”.charAt(0) // “h”
“hello”.toUpperCase() // “HELLO”
“Hello”.toLowerCase() // “hello”
“hello”.replace(/e|o/g, “x”) // “hxllx”
“1,2,3”.split(“,”) // [“1”, “2”, “3”]

1.2 length属性:重临字符长度,例如”hello”.length重临5

1.3 字符串转变为Boolean:

一个空字符串(””)暗中认可为false,而贰个非空字符串为true(比方”hello”)。

  1. Number

数字类型,举例3.1415926还是1、2、3…

typeof 3.1415926 重回的是”number”

2.1 Number转换为Boolean:

假定二个Number值为0,则默以为false,不然为true。

2.2 由于Number是采纳双精度浮点数完成的,所以上面这种气象是有理的:

0.1 + 0.2 // 0.30000000000000004

  1. Math

上边包车型客车主意与Java中的Math类的静态方法类似。

Math.PI // 3.141592653589793
Math.cos(Math.PI) // -1

3.1 将字符串化为数字:parseInt和parseFloat方法:

parseInt(“123”) = 123 (接纳十进制调换)
parseInt(“010”) = 8 (选择八进制转变)
parseInt(“0xCAFE”) = 5一九六七 (选拔十六进制转变)
parseInt(“010”, 10) = 10 (钦命用10进制转变)
parseInt(“11”, 2) = 3 (钦点用二进制调换)
parseFloat(“10.10”) = 10.1

3.2 数字到字符串

当将Number粘到(append)字符串后的时候,将获得字符串。
“” + 1 + 2; // “12”
“” + (1 + 2); // “3”
“” + 0.0000001; // “1e-7”
抑或用强制类型转变:
String(1) + String(2); //”12″
String(1 + 2); //”3″

  1. NaN 和 Infinity

假定对三个非数字字符串调用parseInt方法,将回来NaN(Not a
Number),NaN常用来检查测量试验贰个变量是还是不是数字类型,如下:

isNaN(parseInt(“hello”, 10)) // true
Infinity代表数值无穷大或无穷小,举个例子1 / 0 // Infinity。

对NaN和Infinity调用typeof运算符都再次回到”numuber”。

另外 NaN==NaN 返回false,但是 Infinity==Infinity 返回true。

5. Integer 和 Float

分成表示整型和浮点型。

6. BOOLEAN

布尔类型,true可能false。

7. OBJECT

JavaScript中的一切皆对象。对多个对象实行typeof运算再次回到 “object”。

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

对此位置的y对象,能够使用圆点获取属性值,例如y.name重回”Pete”,y.age重临15

7.1 Array Notation(数组访谈格局访谈对象)

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

上面operations[“multiply”]=”*”;
往operations对象中增加了四个key-value对。

7.2 对象循环访谈:for-in

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

7.3 任何对象不管有无属性和值,都默感到true

7.4 对象的Prototype属性

jQuery中用fn(Prototype的小名)动态为jQuery Instances增加指标(函数)

var form = $("#myform"); 
form.clearForm; // undefined 
form.fn.clearForm = function() {
return this.find(":input").each(function() { this.value = ""; }).end();
}; 
form.clearForm() // works for all instances of jQuery objects, because the new method was added
  1. OPTIONS

差非常少全体的jQuery插件都提供了三个根据OPTIONS的API,OPTIONS是JS对象,意味着该目的以及它的质量都是optional(可选的)。允许customization。
举例说采纳Ajax方式交给表单,

$(“#myform”).ajaxForm();//私下认可使用Form的Action属性值作为Ajax-UENCOREL,Method值作为提交项目(GET/POST)
$(“#myform”).ajaxForm({ url: “mypage.php”, type: “POST”
});//则覆盖了付出到的U奥德赛L和交给项目

  1. ARRAY

var arr = [1, 2, 3];

A奥迪Q7RAY是可变的lists。AENCORERAY也是指标。

读取或安装A库罗德RAY七月素的值,选择这种艺术:

var val = arr[0];//val为1
arr[2] = 4;//现在arr第三个元素为4

9.1 数组循环(遍历)

for (var i = 0; i < a.length; i++) { // Do something with a[i] }
但是当考虑性能时,则最好只读一次length属性,如下:
for (var i = 0, j = a.length; i < j; i++) { // Do something with a[i] }
jQuery提供了each方法遍历数组:
var x = [1, 2, 3]; 
$.each(x, 
function(index, value) { 
console.log("index", index, "value", value); 
});

9.2 对数组调用push方法表示将贰个要素加多到数组末尾,举例 x.push(5);
和 x.[x.length] = 5; 等价

9.3 数组其余内置方法:

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) // 用于插入、删除或替换数组元素,这里为删除从index=1开始的2个元素

9.4 数组为对象,所以向来为true

  1. MAP

    The map type is used by the AJAX function to hold the data of a request. This type could be a string, an array

    , a jQuery object with form elements or an object with key/value pairs. In the last case, it is possible to assign multiple values to one key by assigning an array. As below:
    {‘key[]’:[‘valuea’,’valueb’]}

  2. FUNCTION:无名氏和名牌三种

11.1 Context、Call和Apply

In JavaScript, the variable "this" always refers to the current context. 
$(document).ready(function() { 
// this refers to window.document}); 
$("a").click(function() { // this refers to an anchor DOM element
});
  1. SELECTOR

There are lot of plugins that leverage jQuery’s selectors in other ways.
The validation plugin accepts a selector to specify a dependency,
whether an input is required or not:
emailrules: { required: “#email:filled” }
This would make a checkbox with name “emailrules” required only if the
user entered an email address in the email field, selected via its id,
filtered via a custom selector “:filled” that the validation plugin
provides.

  1. EVENT

DOM标准事件包含:blur, focus, load, resize, scroll, unload,
beforeunload, click, dblclick, mousedown, mouseup, mousemove, mouseover,
mouseout, mouseenter, mouseleave, change, select, submit, keydown,
keypress, andkeyup

  1. JQUERY

JQUEGTC4LussoY对象涵盖DOM元素的会见。举例$(‘p’)即重返全部<p>…</p>
JQUE宝马X3Y对象行为看似数组,也可能有length属性,也能够透过index访谈DOM成分集合中的有个别。不过不是数组,不富有数组的少数方法,比方join()。

成都百货上千jQuery方法重临jQuery对象自己,所以能够使用链式调用:
$(“p”).css(“color”, “red”).find(“.special”).css(“color”, “green”);
可是假使你调用的章程会毁掉jQuery对象,比方find()和filter(),则赶回的不是原对象。要赶回到原对象只必要再调用end()方法就可以。

        });

jQuery16个数据类型总计,jquery14数据类型

jQuery除了含有原生JS中的内置数据类型(built-in
datatype),还包罗一些扩展的数据类型(virtual
types),如Selectors、伊夫nts等。

 

  1. String

   String最广大,差不离任何一门高端编制程序语言和脚本语言中都扶助,比方”Hello
world!”即字符串。字符串的门类为string。比方

   var typeOfStr = typeof “hello world”;//typeOfStr为“string”

   1.1 String内置方法

     “hello”.charAt(0) // “h” 

     “hello”.toUpperCase() // “HELLO” 

     “Hello”.toLowerCase() // “hello” 

     “hello”.replace(/e|o/g, “x”) // “hxllx”

     “1,2,3”.split(“,”) // [“1”, “2”, “3”]

   1.2 length属性:重临字符长度,比方”hello”.length再次来到5

   1.3 字符串调换为Boolean:

     
三个空字符串(””)默感觉false,而贰个非空字符串为true(比方”hello”)。

 

  1. Number

   数字类型,举例3.1415926只怕1、2、3…

   typeof 3.1415926 重临的是”number”

   2.1 Number转换为Boolean:

      假设叁个Number值为0,则默以为false,不然为true。

   2.2 由于Number是利用双精度浮点数完成的,所以上面这种场所是意料之中的:

      0.1 + 0.2 // 0.30000000000000004

 

  1. Math

   上面包车型地铁章程与Java中的Math类的静态方法类似。

   Math.PI // 3.141592653589793 

   Math.cos(Math.PI) // -1

   3.1 将字符串化为数字:parseInt和parseFloat方法:

       parseInt(“123”) = 123 (接纳十进制转换) 

       parseInt(“010”) = 8    (选择八进制转变) 

       parseInt(“0xCAFE”) = 5一九七〇 (选拔十六进制转变) 

       parseInt(“010”, 10) = 10 (内定用10进制转换) 

       parseInt(“11”, 2) = 3 (钦命用二进制调换) 

       parseFloat(“10.10”) = 10.1

  3.2 数字到字符串

      当将Number粘到(append)字符串后的时候,将获得字符串。

       “” + 1 + 2; // “12”

       “” + (1 + 2); // “3” 

       “” + 0.0000001; // “1e-7”

      也许用强制类型转变:

      String(1) + String(2); //”12″ 

      String(1 + 2); //”3″

 

  1. NaN 和 Infinity

   如果对一个非数字字符串调用parseInt方法,将回到NaN(Not a
Number),NaN常用来检查评定一个变量是还是不是数字类型,如下:

   isNaN(parseInt(“hello”, 10)) // true

   Infinity表示数值无穷大或无穷小,比如1 / 0 // Infinity。

   对NaN和Infinity调用typeof运算符都重返”numuber”。

   另外 NaN==NaN 返回false,但是 Infinity==Infinity 返回true。

 

  1. Integer 和 Float

   分为表示整型和浮点型。

 

  1. BOOLEAN

   布尔类型,true恐怕false。

 

  1. OBJECT

   JavaScript中的一切皆对象。对二个对象进行typeof运算重临 “object”。

   var x = {}; 

   var y = { name: “Pete”, age: 15 };

 
 对于地点的y对象,可以利用圆点获取属性值,比方y.name重临”Pete”,y.age再次来到15

   7.1 Array Notation(数组访谈格局访问对象)

      var operations = { increase: “++”, decrease: “–” } 

       var operation = “increase”; 

       operations[operation] // “++”; 

       operations[“multiply”] = “*”; // “*”

     
 上面operations[“multiply”]=”*”; 往operations对象中增添了二个key-value对。

  7.2 对象循环访谈:for-in

       var obj = { name: “Pete”, age: 15}; 

       for(key in obj) { 

          alert(“key is “+[key]+”, value is “+obj[key]); 

       }

   7.3 任何对象不管有无属性和值,都默感到true

   7.4 对象的Prototype属性

         jQuery中用fn(Prototype的小名)动态为jQuery
Instances增多指标(函数)

          var form = $(“#myform”); 

          form.clearForm; // undefined 

          form.fn.clearForm = function() {

             return this.find(“:input”).each(function() { this.value =
“”; }).end();

          }; 

          form.clearForm() // works for all instances of jQuery objects,
because the new method was added

 

  1. OPTIONS

 
差相当少具有的jQuery插件都提供了一个基于OPTIONS的API,OPTIONS是JS对象,意味着该对象以及它的特性都是optional(可选的)。允许customization。

   譬如利用Ajax格局交给表单,

   
$(“#myform”).ajaxForm();//私下认可使用Form的Action属性值作为Ajax-URL,Method值作为提交项目(GET/POST)

     $(“#myform”).ajaxForm({ url: “mypage.php”, type: “POST”
});//则覆盖了付出到的UENVISIONL和付出项目

 

  1. ARRAY

   var arr = [1, 2, 3];

   A福睿斯RAY是可变的lists。ACRUISERRAY也是指标。

   读取或安装AENVISIONRAY七月素的值,采取这种方法:

      var val = arr[0];//val为1

      arr[2] = 4;//以后arr第多个要素为4

   9.1 数组循环(遍历)

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

       可是当怀恋品质时,则最棒只读二回length属性,如下:

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

       jQuery提供了each方法遍历数组:

        var x = [1, 2, 3]; 

        $.each(x, 

          function(index, value) { 

              console.log(“index”, index, “value”, value); 

        });

   9.2 对数组调用push方法表示将二个要素增多到数组末尾,例如 x.push(5);
和 x.[x.length] = 5; 等价

   9.3 数组其余内置方法:

      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) //
用于插入、删除或沟通数组成分,这里为除去从index=1早先的2个因素

  9.4 数组为对象,所以一向为true

 

10. MAP

   The map type is used by the AJAX function to hold the data of a
request. This type could be a string, an array<form elements>, a
jQuery object with form elements or an object with key/value pairs. In
the last case, it is possible to assign multiple values to one key by
assigning an array. As below:

   {‘key[]’:[‘valuea’,’valueb’]}

 

  1. FUNCTION:无名氏和老牌二种

   11.1 Context、Call和Apply

      In JavaScript, the variable “this” always refers to the current
context. 

     $(document).ready(function() { 

          // this refers to window.document}); 

          $(“a”).click(function() { // this refers to an anchor DOM
element

     });

 

  1. SELECTOR

   There are lot of plugins that leverage jQuery’s selectors in other
ways. The validation plugin accepts a selector to specify a dependency,
whether an input is required or not:

    emailrules: { required: “#email:filled” }

   This would make a checkbox with name “emailrules” required only if
the user entered an email address in the email field, selected via its
id, filtered via a custom selector “:filled” that the validation plugin
provides.

 

  1. EVENT

   DOM规范事件包含:blur, focus, load, resize, scroll, unload,
beforeunload, click, dblclick, mousedown, mouseup, mousemove, mouseover,
mouseout, mouseenter, mouseleave, change, select, submit, keydown,
keypress, andkeyup

 

  1. JQUERY

 
 JQUE奥迪Q5Y对象涵盖DOM成分的相会。比方$(‘p’)即重回全部<p>…</p>

 
 JQUEHighlanderY对象行为看似数组,也可以有length属性,也足以通过index访谈DOM成分集结中的有些。不过不是数组,不持有数组的一点方法,比如join()。

   好些个jQuery方法重临jQuery对象自己,所以能够应用链式调用:

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

 
 不过如若您调用的措施会破坏jQuery对象,例如find()和filter(),则赶回的不是原对象。要回去到原对象只须要再调用end()方法就可以。

jQuery除了包括原生JS中的内置数据类型(built-in
datatype),还满含部分扩大的数据类型(virtual types),如…

9.3 数组别的内置方法:

您恐怕感兴趣的篇章:

  • js数值总计时使用parseInt进行数据类型转换(jquery)
  • Jquery中的$.each获取各个再次来到类型数据的选拔方法
  • jQuery检验重回值的数据类型

jQuery除了含有原生JS中的内置数据类型(built-in
datatype),还包含一些恢宏的数据类型(virtual types),如…

          }; 

The map type is used by the AJAX function to hold the data of a request. This type could be a string, an array<form elements>, a jQuery object with form elements or an object with key/value pairs. In the last case, it is possible to assign multiple values to one key by assigning an array. As below:
{'key[]':['valuea','valueb']}

      0.1 + 0.2 // 0.30000000000000004

JQUE凯雷德Y对象涵盖DOM元素的聚合。比如$(‘p’)即重临全体<p>…</p>
JQUE路虎极光Y对象行为看似数组,也许有length属性,也能够透过index访谈DOM成分集结中的有个别。可是否数组,不抱有数组的少数方法,举例join()。

        $.each(x, 

数字类型,举例3.1415926要么1、2、3…

     });

7.1 Array Notation(数组访谈形式访谈对象)

 
 对于地点的y对象,能够应用圆点获取属性值,比方y.name重返”Pete”,y.age再次来到15

6. BOOLEAN

   对NaN和Infinity调用typeof运算符都重返”numuber”。

上面operations[“multiply”]=”*”;
往operations对象中增添了三个key-value对。

   2.2 由于Number是应用双精度浮点数达成的,所以上面这种情景是合理的:

  1. FUNCTION:佚名和著名三种

   1.3 字符串调换为Boolean:

许多jQuery方法再次来到jQuery对象自己,所以能够运用链式调用:
$(“p”).css(“color”, “red”).find(“.special”).css(“color”, “green”);
不过倘让你调用的措施会毁掉jQuery对象,举个例子find()和filter(),则赶回的不是原对象。要回到到原对象只须求再调用end()方法就能够。

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

9.4 数组为对象,所以平素为true

   7.1 Array Notation(数组访谈格局访谈对象)

  1. Math

      var x = [0, 3, 1, 2]; 

7.3 任何对象不管有无属性和值,都默以为true

   
$(“#myform”).ajaxForm();//默许使用Form的Action属性值作为Ajax-UTiggoL,Method值作为提交项目(GET/POST)

一个空字符串(””)默以为false,而二个非空字符串为true(比如”hello”)。

      String(1 + 2); //”3″

  1. MAP

   DOM标准事件满含:blur, focus, load, resize, scroll, unload,
beforeunload, click, dblclick, mousedown, mouseup, mousemove, mouseover,
mouseout, mouseenter, mouseleave, change, select, submit, keydown,
keypress, andkeyup

大约具有的jQuery插件都提供了一个基于OPTIONS的API,OPTIONS是JS对象,意味着该对象以及它的质量都是optional(可选的)。允许customization。
诸如利用Ajax格局提交表单,

          form.clearForm() // works for all instances of jQuery objects,
because the new method was added

7.4 对象的Prototype属性

   假若对叁个非数字字符串调用parseInt方法,将回到NaN(Not a
Number),NaN常用来检验叁个变量是还是不是数字类型,如下:

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

   ARAV4RAY是可变的lists。AOdysseyRAY也是目的。

  1. EVENT

      In JavaScript, the variable “this” always refers to the current
context. 

typeof 3.1415926 再次回到的是”number”

 
 JQUE奥迪Q5Y对象行为看似数组,也可能有length属性,也能够透过index访谈DOM元素集合中的某些。不过不是数组,不富有数组的少数方法,比方join()。

jQuery中用fn(Prototype的外号)动态为jQuery Instances增多目的(函数)

       x.shift() // [2, 1, 3] 

A奥迪Q3RAY是可变的lists。AENCORERAY也是目的。

  1. Integer 和 Float

对NaN和Infinity调用typeof运算符都重临”numuber”。

   String最广泛,差没有多少任何一门高等编制程序语言和脚本语言中都协理,譬喻”Hello
world!”即字符串。字符串的品种为string。举例

9.2 对数组调用push方法表示将多个要素增添到数组末尾,比如 x.push(5);
和 x.[x.length] = 5; 等价

datatype),还包括部分恢弘的数据类型(virtual
types),如Selectors、伊芙nts等。 1. String String最广大,…

1.1 String内置方法

  1. OPTIONS
  1. String

 

  1. Number

              console.log(“index”, index, “value”, value); 

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

       parseInt(“11”, 2) = 3 (钦定用二进制调换) 

1.3 字符串调换为Boolean:

          form.clearForm; // undefined 

  1. JQUERY

10. MAP

假定贰个Number值为0,则默感到false,不然为true。

   多数jQuery方法重回jQuery对象自己,所以能够选拔链式调用:

String最广泛,大约任何一门高等编程语言和脚本语言中都援助,例如”Hello
world!”即字符串。字符串的体系为string。比方

 

jQuery除了包涵原生JS中的内置数据类型(built-in
datatype),还包蕴部分恢宏的数据类型(virtual
types),如Selectors、Events等。

   var arr = [1, 2, 3];

Math.PI // 3.141592653589793
Math.cos(Math.PI) // -1

   3.1 将字符串化为数字:parseInt和parseFloat方法:

isNaN(parseInt(“hello”, 10)) // true
Infinity代表数值无穷大或无穷小,比方1 / 0 // Infinity。

   This would make a checkbox with name “emailrules” required only if
the user entered an email address in the email field, selected via its
id, filtered via a custom selector “:filled” that the validation plugin
provides.

布尔类型,true恐怕false。

jQuery除了含有原生JS中的内置数据类型(built-in
datatype),还蕴涵一些恢弘的数据类型(virtual
types),如Selectors、伊夫nts等。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图