jqueryのデータ型はいくつありますか?

jquery データ型は 14 種類あります: 1. String 文字列タイプ; 2. Number タイプ; 3. Math タイプ; 4. NaN 非数値および Infinity 無限または無限小; 5. Integer および Float. Point タイプ; 6. BOOLEAN ブール型; 7. 配列型など

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery データ型にはいくつかの種類があります

jquery データ型には 14 種類あります

ネイティブ JS の組み込みデータ型に加えて、jQuery にはいくつかのデータ型も含まれていますセレクター、イベントなどの拡張データ型 (仮想型)。

1. String

String は最も一般的で、ほぼすべての高水準プログラミング言語およびスクリプト言語でサポートされています。 Hello world! 「これは文字列です。文字列の型は文字列です。例:

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

1.1 文字列組み込みメソッド

"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 文字列を次のように変換します。ブール値:

空の文字列 ("") のデフォルトは false ですが、空でない文字列 (「hello」など) のデフォルトは true です。

2. Number

Number タイプ (3.1415926 または 1、2、3...

typeof 3.1415926 など)戻り値は「数値」です。

2.1 数値はブール値に変換されます。

数値値が 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 数値を文字列に変換

数値を文字列 time に貼り付ける (追加する) と、文字列を取得します。

"" + 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 // 無限大。

NaN および Infinity で typeof 演算子を呼び出すと、「numuber」が返されます。

さらに、NaN==NaN は false を返しますが、Infinity==Infinity は true を返します。

5. Integer と Float

は、整数型と浮動小数点型に分けられます。

6. BOOLEAN

ブール型、true または false。

7. オブジェクト

JavaScript 内のすべてのものはオブジェクトです。オブジェクトに対して typeof 操作を実行すると、「object」が返されます。

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

上記の y オブジェクトでは、ドットを使用して属性値を取得できます。たとえば、y.name は "Pete" を返し、y.age は 15

7.1 配列表記 (配列アクセス)オブジェクトにアクセスするためのメソッド)

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

上記の Operations["multiply"]="*"; は、キーと値のペアを Operations オブジェクトに追加します。

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 のプロトタイプ属性オブジェクト

jQuery で fn (Prototype のエイリアス) を使用して、オブジェクト (関数) を jQuery インスタンスに動的に追加します

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. オプション

#ほとんどすべての jQuery プラグインは、OPTIONS に基づいた API を提供します。OPTIONS は JS オブジェクトであり、オブジェクトとそのプロパティがオプションであることを意味します。カスタマイズを許可します。

たとえば、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 は変数です。リスト。 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 プロパティは、次のように 1 回だけ使用します。

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マップ タイプは、リクエストのデータを保持するために AJAX 関数によって使用されます。 type には、文字列、配列

、form要素を含むjQueryオブジェクト、またはキーと値のペアを含むオブジェクトを指定できます。最後の場合、配列を割り当てることで1つのキーに複数の値を割り当てることができます。以下のように:

#{'key []':['valuea','valueb']}

11. 機能: 匿名および名前付き

11.1 コンテキスト、呼び出しと適用

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')即返回所有

...

JQUERY对象行为类似数组，也有length属性，也可以通过index访问DOM元素集合中的某个。但是不是数组，不具备数组的某些方法，比如join()。

许多jQuery方法返回jQuery对象本身，所以可以采用链式调用：

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

但是如果你调用的方法会破坏jQuery对象，比如find()和filter()，则返回的不是原对象。要返回到原对象只需要再调用end()方法即可。

相关视频教程推荐：jQuery视频教程

以上がjqueryのデータ型はいくつありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。