기본 JS에 내장된 데이터 유형 외에도 jQuery에는 선택기, 이벤트 등과 같은 일부 확장 데이터 유형(가상 유형)도 포함되어 있습니다.
1. 문자열
문자열은 가장 일반적이며 거의 모든 고급 프로그래밍 언어 및 스크립팅 언어에서 지원됩니다. 예를 들어 "Hello world!"는 문자열입니다. 문자열의 유형은 문자열입니다. 예를 들어
var typeOfStr = typeof "hello world";//typeOfStr은 "문자열"입니다
1.1 문자열 내장 메소드
"hello".charAt(0) // "h"
"hello".toUpperCase() // "안녕하세요"
"Hello".toLowerCase() // "안녕하세요"
"hello".replace(/e|o/g, "x") // "hxllx"
"1,2,3".split(",") // ["1", "2", "3"]
1.2 길이 속성: 문자 길이를 반환합니다. 예를 들어 "hello".length는 5를 반환합니다.
1.3 문자열을 부울로 변환:
빈 문자열("")의 기본값은 false이고, 비어 있지 않은 문자열의 기본값은 true(예: "hello")입니다.
2. 숫자
숫자 유형(예: 3.1415926 또는 1, 2, 3...
typeof 3.1415926은 "숫자"를 반환합니다
2.1 부울로 변환된 숫자:
숫자 값이 0이면 기본값은 false이고, 그렇지 않으면 true입니다.
2.2 Number는 배정밀도 부동 소수점 숫자를 사용하여 구현되므로 다음 상황이 합리적입니다.
0.1 0.2 //0.30000000000000004
3. 수학
다음 메소드는 Java의 Math 클래스의 정적 메소드와 유사합니다.
Math.PI // 3.141592653589793
Math.cos(Math.PI) // -1
3.1 문자열을 숫자로 변환:parseInt 및 parseFloat 메소드:
parseInt("123") = 123(10진수 변환 사용)
parseInt("010") = 8 (8진수 변환 사용)
parseInt("0xCAFE") = 51966(16진수 변환 사용)
parseInt("010", 10) = 10 (십진수 변환 지정)
parseInt("11", 2) = 3 (이진 변환 지정)
parseFloat("10.10") = 10.1
3.2 숫자를 문자열로
문자열에 Number를 추가하면 문자열을 얻게 됩니다.
"" 1 2; // "12"
"" (1 2) // "3"
"" 0.0000001; // "1e-7"
또는 강제 유형 변환을 사용하세요.
문자열(1) 문자열(2) //"12"
문자열(1 2); //"3"
4. NaN과 인피니티
parseInt 메소드가 숫자가 아닌 문자열에 대해 호출되면 NaN(숫자가 아님)이 반환됩니다. NaN은 종종 다음과 같이 변수가 숫자 유형인지 감지하는 데 사용됩니다.
isNaN(parseInt("hello", 10)) // true
Infinity는 1 / 0 // Infinity와 같이 무한히 크거나 무한히 작은 값을 나타냅니다.
NaN과 Infinity 모두에서 typeof 연산자를 호출하면 "numuber"가 반환됩니다.
또한 NaN==NaN은 false를 반환하지만 Infinity==Infinity는 true를 반환합니다.
5. 정수와 부동소수
정수형과 부동소수점형으로 구분됩니다.
6. 부울
부울 유형, true 또는 false.
7. 대상
JavaScript의 모든 것은 객체입니다. 객체에 대해 typeof 작업을 수행하면 "객체"가 반환됩니다.
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"] = "*"; // "*"로그인 후 복사
위의 작업["multiply"]="*"는 작업 개체에 키-값 쌍을 추가합니다.
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. 배열
var arr = [1, 2, 3];
ARRAY는 변수 목록입니다. 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')即返回所有
...
JQUERY对象行为类似数组，也有length属性，也可以通过index访问DOM元素集合中的某个。但是不是数组，不具备数组的某些方法，比如join()。
许多jQuery方法返回jQuery对象本身，所以可以采用链式调用：
$("p").css("color", "red").find(".special").css("color", "green");
但是如果你调用的方法会破坏jQuery对象，比如find()和filter()，则返回的不是原对象。要返回到原对象只需要再调用end()方法即可。
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
