Val(),append(),get(),split(),substr(),each(),html(),keyup(),trim(),show(),hide(),indexOf()
하나씩 살펴보기:
Val(): 페이지 요소에 값을 가져와 할당
값: var result = $(“#txtSearch”).val()
Assignment :$("#txtSearch").val(result);
Each(): 컬렉션에 대한 작업, 컬렉션의 각 요소에 대한 후속 메서드 호출(예:
$) (data.list, function (i, item) {
Alert(item["WikiTitle"]" ” item["WikiID"]);//i는 다음 표에서 컬렉션의 요소이며, item은 요소 자체
});
Append(): 지정된 페이지 요소 뒤에 요소를 추가합니다.
예를 들어 목록 요소
test!, 페이지 요소는 다음과 같습니다. 여러 개의
항목을 동적으로 추가하는 방법을 추가할 수 있습니다.
페이지에 id="div_keycontent"인 div가 있습니다.
Js Write에서 다음과 같이 할 수 있습니다:
$.each(data.list, function (i, item) {
$("#div_keycontent").append("" item ["WikiTitle"] " 보기>" "
}); 🎜>Get(): 비동기적으로 데이터 가져오기 페이지에서 이 방법은 비동기 바인딩의 한 형태이므로 이전 기사에서 설명했으므로 여기서는 다루지 않겠습니다.
Spilt(): 문자열에 대해 작업합니다. 예:
Var str = spit(“liu,ming,feng”,”,”)
이런 방식으로 반환된 str은 문자열입니다. array : {"liu", "ming", "feng"}
Substr(); 문자열 작업의 경우
내부의 하위 문자열을 제거합니다. 사용법:
///마지막 항목을 판단합니다. 문자는 쉼표입니다
if (str.substring(str.length - 1, str.length) == "," || str.substring(str.length - 1, str.length) == ",") {
alert("마지막 문자는 쉼표입니다!")
}
Html(): html 태그의 내용을 수정합니다. 예:
$("#div_keycontent ") .html("데이터 없음
");
Keyup(); 키보드 누름 및 팝업에 의해 트리거되는 메서드
$("#txtSearchKey").keyup(function () {
$("#div_keycontent").html("데이터 검색....
")
})
Trim( ) : 문자열의 앞뒤 공백을 제거합니다.
사용법: str.trim()
Show(): 페이지 요소를 표시합니다. 예: $("#txtSearchKey").show ();
Hide(): 페이지의 요소를 숨깁니다. 예: $("#txtSearchKey").hide()
Indexof(): 페이지의 해당 하위 문자열이 있는지 확인합니다. string
사용법:
if (str.indexOf(',,') != -1 || str.indexOf(',,') != -1) {///연속된 쉼표가 있는지 확인
alert("쉼표가 두 개 있습니다!”);
}
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
