Ringkasan jenis data jQuery (14)_jquery

Selain jenis data terbina dalam dalam JS asli, jQuery juga termasuk beberapa jenis data lanjutan (jenis maya), seperti Pemilih, Acara, dsb.

1. Rentetan

String ialah yang paling biasa dan disokong oleh hampir mana-mana bahasa pengaturcaraan dan bahasa skrip peringkat tinggi Contohnya, "Hello world!" Jenis rentetan ialah rentetan. Contohnya

var typeOfStr = jenis "hello world";//typeOfStr ialah "rentetan"

1.1 Kaedah terbina dalam rentetan

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

Atribut panjang 1.2: mengembalikan panjang aksara, contohnya, "hello".length mengembalikan 5

1.3 Tukar rentetan kepada Boolean:

Rentetan kosong ("") lalai kepada palsu, manakala rentetan bukan kosong lalai kepada benar (seperti "hello").

2. Nombor

Jenis nombor, seperti 3.1415926 atau 1, 2, 3...

jenis 3.1415926 mengembalikan "nombor"

2.1 Nombor ditukar kepada Boolean:

Jika nilai Nombor ialah 0, ia lalai kepada palsu, jika tidak, ia adalah benar.

2.2 Memandangkan Nombor dilaksanakan menggunakan nombor titik terapung berketepatan dua, situasi berikut adalah munasabah:

0.1 0.2 // 0.30000000000000004

3. Matematik

Kaedah berikut adalah serupa dengan kaedah statik kelas Matematik di Jawa.

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

3.1 Tukar rentetan kepada nombor: kaedah parseInt dan parseFloat:

parseInt("123") = 123 (menggunakan penukaran perpuluhan)
parseInt("010") = 8 (menggunakan penukaran oktal)
parseInt("0xCAFE") = 51966 (menggunakan penukaran heksadesimal)
parseInt("010", 10) = 10 (nyatakan penukaran perpuluhan)
parseInt("11", 2) = 3 (nyatakan penukaran binari)
parseFloat("10.10") = 10.1

3.2 Nombor kepada rentetan

Apabila anda menambahkan Nombor pada rentetan, anda akan mendapat rentetan itu.
"" 1 2; // "12"
"" (1 2); // "3"
"" 0.0000001; // "1e-7"
Atau gunakan penukaran jenis paksa:
Rentetan(1) Rentetan(2); //"12"
Rentetan(1 2); //"3"

4. NaN dan Infiniti

Jika kaedah parseInt dipanggil pada rentetan bukan angka, NaN (Bukan Nombor) akan dipulangkan NaN selalunya digunakan untuk mengesan sama ada pembolehubah adalah daripada jenis angka, seperti berikut:

isNaN(parseInt("hello", 10)) // benar
Infiniti mewakili nilai infiniti besar atau kecil infiniti, seperti 1 / 0 // Infiniti.

Memanggil operator jenis pada kedua-dua NaN dan Infinity mengembalikan "nombor".

Juga NaN==NaN mengembalikan palsu, tetapi Infinity==Infinity mengembalikan benar.

5. Integer dan Terapung

Ia terbahagi kepada jenis integer dan jenis titik terapung.

6. BOOLEAN

Jenis Boolean, benar atau salah.

7. OBJEK

Semua dalam JavaScript ialah objek. Melakukan jenis operasi pada objek mengembalikan "objek".

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

Untuk objek y di atas, anda boleh menggunakan titik untuk mendapatkan nilai atribut Contohnya, y.name mengembalikan "Pete", y.age mengembalikan 15

7.1 Tata Notasi (kaedah akses tatasusunan untuk mengakses objek)

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

Operasi di atas["multiply"]="*"; menambah pasangan nilai kunci pada objek operasi.

7.2 Akses gelung objek: untuk masuk

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

7.3 Sebarang objek, tidak kira sama ada ia mempunyai atribut atau nilai, lalai kepada benar

7.4 Atribut prototaip objek

Gunakan fn (alias Prototaip) dalam jQuery untuk menambah objek (fungsi) secara dinamik pada Contoh 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 PILIHAN

Hampir semua pemalam jQuery menyediakan API berdasarkan OPTIONS ialah objek JS, yang bermaksud objek dan sifatnya adalah pilihan. Benarkan penyesuaian.
Contohnya, menggunakan Ajax untuk menyerahkan borang,

$("#myform").ajaxForm();//Secara lalai, nilai atribut Tindakan Borang digunakan sebagai Ajax-URL dan nilai Kaedah digunakan sebagai jenis penyerahan (GET/POST)
$("#myform").ajaxForm({ url: "mypage.php", taip: "POST" }); // Meliputi URL yang diserahkan dan jenis penyerahan

9 var arr = [1, 2, 3];

ARRAY ialah senarai berubah-ubah. ARRAY juga merupakan objek.

Baca atau tetapkan nilai elemen dalam ARRAY, menggunakan kaedah ini:

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

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.3 Kaedah tatasusunan terbina dalam yang lain:

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

...

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