Rubberduck-Debugging

jquery$(""), ${}, #{} 관련 본문

개발자/20181127 교육과정

jquery$(""), ${}, #{} 관련

P缶 2018. 12. 26. 11:12

$() 함수

: document.getElementById() 함수에 대한 단축키

인자로 던져진 id를 가진 요소를 하나 반환.

 

 

*id가져오기;

document.getElementById('pooh')

>> $('pooh')

*폼 컨트롤러값 가져오기;

document.getElementById('pooh')

>> $('pooh').value;



출처: http://kkani.tistory.com/entry/jsp표현언어EL [kkan's]



mapper.xml 에서 ${} 와 #{} 의 차이점

출처: https://pasudo123.tistory.com/89



콘텐츠 가져 오기 - text (), html () 및 val ()

DOM 조작을위한 세 가지 간단하지만 유용한 jQuery 메서드는 다음과 같습니다.

  • text() - 선택한 요소의 텍스트 내용을 설정하거나 반환합니다.
  • html() - 선택한 요소의 내용을 설정하거나 반환합니다 (HTML 마크 업 포함).
  • val() - 양식 필드의 값을 설정하거나 반환합니다.

다음 예제에서는 jQuery text()및 html()메서드를 사용하여 내용을 가져 오는 방법을 보여줍니다 .

$("#btn1").click(function(){
  alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
  alert("HTML: " + $("#test").html());
});
직접 해보기»

다음 예제는 jQuery val()메서드로 입력 필드의 값을 가져 오는 방법을 보여줍니다 .

$("#btn1").click(function(){
  alert("Value: " + $("#test").val());
});
직접 해보기»


속성 가져 오기 - attr ()

jQuery attr()메서드는 속성 값을 가져 오는 데 사용됩니다.

다음 예는 링크에서 href 속성 값을 가져 오는 방법을 보여줍니다.

$("button").click(function(){
  alert($("#w3s").attr("href"));
});
직접 해보기»

다음 장에서는 내용 및 속성 값을 설정 (변경)하는 방법에 대해 설명합니다.


https://www.w3schools.com/jquery/jquery_dom_get.asp


'개발자 > 20181127 교육과정' 카테고리의 다른 글

REST  (0) 2018.12.26
개인정리한 javascript 기초  (0) 2018.12.26
게시판 만들기 3일차  (0) 2018.12.24
DECODE 함수  (0) 2018.12.20
InsertAll() : 여러테이블에 한꺼번에 삽입  (0) 2018.12.19