jQuery数据类型小结(14个)

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")。

2. 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

3. Math

下面的方法与Java中的Math类的静态方法类似。

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

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

parseInt("123") = 123 (采用十进制转换)
parseInt("010") = 8 (采用八进制转换)
parseInt("0xCAFE") = 51966 (采用十六进制转换)
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"

4. 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

8. 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" });//则覆盖了提交到的URL和提交类型

9. ARRAY

var arr = [1, 2, 3];

ARRAY是可变的lists。ARRAY也是对象。

读取或设置ARRAY中元素的值,采用这种方式:

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']}

11. 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
});

12. 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.

13. EVENT

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

14. JQUERY

JQUERY对象包含DOM元素的集合。比如$('p')即返回所有<p>...</p>
JQUERY对象行为类似数组,也有length属性,也可以通过index访问DOM元素集合中的某个。但是不是数组,不具备数组的某些方法,比如join()。

许多jQuery方法返回jQuery对象本身,所以可以采用链式调用:
$("p").css("color", "red").find(".special").css("color", "green");
但是如果你调用的方法会破坏jQuery对象,比如find()和filter(),则返回的不是原对象。要返回到原对象只需要再调用end()方法即可。

(0)

相关推荐

  • Jquery中的$.each获取各种返回类型数据的使用方法

    var arr = [ "one", "two", "three", "four"]; $.each(arr, function(){ alert(this); }); 上面这个each输出的结果分别为:one,two,three,four var arr = [ "aaa", "bbb", "ccc" ]; $.each(arr, function(i,a){ al

  • jQuery检测返回值的数据类型

    在代码中,必须明确的知道返回值的数据类型才能够进行正确的计算,或者说需要一个变量的类型,下面就介绍一下如何检测返回值的数据类型,代码实例如下: <style type="text/css"> div { width:200px; height:100px; background-color:#660; } </style> <script type="text/javascript" src="mytest/jQuery/jq

  • js数值计算时使用parseInt进行数据类型转换(jquery)

    js获取到的数据默认都是string字符串类型的,如果进行数值的运算必须使用parseInt进行转换成数值的操作. html代码: 复制代码 代码如下: <div id="archive">     <input type="hidden" name="page" value="1" /> </div> js代码: 复制代码 代码如下: $("#archive").bin

  • jQuery数据类型小结(14个)

    jQuery除了包含原生JS中的内置数据类型(built-in datatype),还包括一些扩展的数据类型(virtual types),如Selectors.Events等. 1. String String最常见,几乎任何一门高级编程语言和脚本语言中都支持,比如"Hello world!"即字符串.字符串的类型为string.比如 var typeOfStr = typeof "hello world";//typeOfStr为"string&quo

  • jQuery语法小结(超实用)

    1.关于页面元素的引用 通过jquery的$()引用元素包括通过id.class.元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法. 2.jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法.注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象. 普通的dom对象一般可以通过$()转换成jquery对象. 如:$(document.ge

  • 20款效果非常棒的 jQuery 插件小结分享

    1. Jquery HTML5 Audio Library 2. Image Wall 3. Grid Navigation Effects 4. Background Slide Show 5. Fluid Thumbnail Bar 6. Sliding Background Image Menu 7. Slick and Easy Jquery Image Gallery 8. Light weight Modal Windows 9. Sliding Boxes 10. Rotating

  • 这些年、我收集的JQuery代码小结

    1. 如何创建嵌套的过滤器 复制代码 代码如下: //允许你减少集合中的匹配元素的过滤器, //只剩下那些与给定的选择器匹配的部分.在这种情况下, //查询删除了任何没(:not)有(:has) //包含class为"selected"(.selected)的子节点. .filter(":not(:has(.selected))") 2. 如何重用元素搜索 复制代码 代码如下: var allItems = $("div.item"); var

  • 影响jQuery使用的14个方面

    幸运的是,人们通常具有各种不同的插件可供选择.但是,即使你只用一个,也要弄清楚它是否值得使用的.永远不要在你的代码库中引入错误的代码. 你需要一个插件吗? 首先是要弄清楚究竟你是否需要一个插件.如果不需要,既可以节省文件大小,又可以节省自己的时间. 1.自己写是不是更好? 如果功能很简单,就自己写.jQuery的插件经常会捆绑各种功能,这可能矫枉过正.在这种情况下,手写任何简单的功能往往更有意义.当然,要对所涉及的工作量有所衡量. 举例来说,如果你需要更先进的功能,jQuery UI的手风琴是很

  • jQuery 技巧小结

    1.关于页面元素的引用 通过jquery的$()引用元素包括通过id.class.元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法. 2.jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法.注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象. 普通的dom对象一般可以通过$()转换成jquery对象. 如:$(document.ge

  • jquery使用经验小结

    1,今天发现jquery获取的dom对象除了jquery对象外,还可以访问原来的对象,只要加一个[]就行了,原来还有这样的功能,之前没仔细研究. 2,用了first-child,nth-child(n),获取元素集合里面的第几个元素. 3,用Jquery访问nodeText节点,通过访问原来的对象,nextSibling访问.访问是nextSibling.nodeValue; <!DOCTYPE HTML> <html> <head> <meta http-equ

  • Python中常见的数据类型小结

    Python提供多种数据类型来存放数据项集合,主要包括序列(列表list和元组tuple),映射(如字典dict),集合(set),下面对这几种一一介绍: 一 序列 1.列表list 列表是一种有序的集合,相对于元组和字符串的不同是它其中的元素可变,可以随时添加和删除其中的元素. (1)创建list 在命令行中测试,如下: >>> L1 = [1,2,3] >>> L1 [1, 2, 3] >>> L2 = ['abc'] >>> L

  • PHP 八种基本的数据类型小结

    四种标量类型: boolean (布尔型) integer (整型) float (浮点型, 也称作 double) string (字符串) 两种复合类型: array (数组) object (对象) 最后是两种特殊类型: resource (资源) NULL (NULL) 为了确保代码的易读性,本手册还介绍了一些伪类型: mixed number callback 以及伪变量 $.... 可能还会读到一些关于"双精度(double)"类型的参考.实际上 double 和 floa

  • 基于指针的数据类型与指针运算小结

    1.指针的数据类型小结有关指针的数据类型 定义 含义 int i; 定义整形变量 int *p; 定义只想整型数据的指针变量p int a[n]; 定义整形数组a,它有n个元素 int *p[n]; 定义指针数组p,它由n个指向整形数据类型的指针元素组成 int (*p)[n]; 定义指向n个元素的一位数组的指针变量 int f(); f为带回整形函数值的函数 int *p(); p为带回一个指针的函数,该指针指向整形数据. int (*p)(); p为指向函数的指针,该函数返回一个整形数据 i

随机推荐