텍스트 박스의 내용을 취득·출력, 페이지상까지 스크롤

최근에 사용한 jQuery의 기술 을 정리합니다. 그 2
참고로 한 사이트가 많이 되었지만, 자신의 이해력이 없고, 그만큼 많이 보고 이해한 느낌.

물품 쓰기


  • 텍스트 상자 내용 가져 오기 ... .val();
  • jQuery에서 얻은 내용을 브라우저에 출력 ... html()
  • 페이지 상단으로 스크롤되는 사람 ... $(window).scrollTop(0);

  • 텍스트 상자의 내용 가져오기



    신규 회원 등록 페이지 등에서, 입력 후에 내용을 확인하는 페이지를 사이에 둔다. 이 시점에서는 아직 submit되지 않습니다.
    제출하지 않은 내용을 얻는 방법? ? ?
    라고 고민했기 때문에 비망록.
    그 밖에도 좋은 방법이 있을지도 모릅니다만・・・

    val() 메서드



    HTML의 value 속성을 가져오거나 수정할 수 있는 메서드
    같다.
    어라? value? 밸류는 뭐 죽었던 거기 나.
    조금 시간이 비어 있으면 html의 form 주위의 속성은 아야후야가 되어 버린다.
    (이어서 말하자면 Qiita의 마크다운을 쓰는 방법도 곧 잊어버린다. 다른 페이지에 열리는 것이 아니라 오른쪽 상단에 있었으면 좋겠다···)

    value 속성으로 설정된 값은 초기 입력 값입니다.

    HTML적으로는 이렇게 써 있는 것이 많았다.
    텍스트 상자에 표시되는 초기 값을 얻고 싶지는 않습니다 ~라고 생각하고 혼란했지만.
    value 값은 텍스트 박스에 입력한 문자열로 초기값에서 변경된다.

    사용법


    対象となるHTML要素.val() 기본.
    var getValue = $('#button').val();
    

    val()로 얻은 내용을 브라우저에 출력



    html() 메소드



    「html()」를 사용하면, 임의의 HTML 요소를 취득하거나 의도적으로 요소를 추가・재기록을 할 수 있습니다
    $('body').html(getValue);
    

    이것에 의해 body 요소 내에 앞서 getValue로 취득한 value값을 표시할 수 있다.

    페이지 상단으로 스크롤



    가장자리 버튼을 클릭하면 페이지의 맨 위로 스크롤하는 잘 보는 사람.id="button" 버튼을 준비했다고.
        $('#button').click(function () {
            $(window).scrollTop(0);
    

    얼마나 쉬운.
    window에 대해서, 지정한 스크롤 위치까지 이동한다.
    맨 위는 0.

    참고로 한 사이트
    【jQuery 입문】val()에 의한 value치의 취득・변경・설정 정리!
    JavaScript 텍스트 상자의 값 가져오기/설정 ···val() 뿐만이 아니라 getElementById를 사용하는 방법도 있는 것 같다!
    jQuery의 html()로 추가·취득·재기록의 방법 정리!
    jQuery에서 텍스트 상자 값을 설정, 가져 오기, 추가 또는 삭제하는 방법
    【jQuery 입문】scrollTop()로 화면의 스크롤 위치를 취득·설정하는 방법!

    좋은 웹페이지 즐겨찾기