>  기사  >  웹 프론트엔드  >  js_basic 지식의 몇 가지 일반적인 방법 요약

js_basic 지식의 몇 가지 일반적인 방법 요약

WBOY
WBOY원래의
2016-05-16 18:05:28696검색

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("쉼표가 두 개 있습니다!”);
    }