일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- date
- CMD
- Eclipse
- list
- string
- 배열
- 이클립스
- Visual Studio Code
- CSS
- Maven
- input
- json
- Array
- table
- Button
- Java
- js
- vscode
- 자바
- Files
- 테이블
- ArrayList
- IntelliJ
- 자바스크립트
- windows
- 문자열
- html
- 인텔리제이
- javascript
- 이탈리아
- Today
- Total
어제 오늘 내일
지난번에는 jQuery를 이용하여 div의 높이와 너비를 읽어오는 방법을 알아보았습니다. [jQuery] div 높이 너비 구하기 (height(), width()) div의 높이, 너비 변경하기 div의 높이와 너비를 구할 때와 마찬가지로 다음 두 함수를 사용할 수 있습니다. height() width() 위 두 함수를 사용하면 픽셀 단위로 요소의 높이, 너비를 지정할 수 있습니다. Hello #myDiv { background-color: yellow; } $('#myDiv').height(200); $('#myDiv').width(200); $('#myDiv').height(200); $('#myDiv').width(200); height()와 width() 함수의 파라미터로 div의 높이와 너비를..
jquery를 사용하서 선택한 div의 높이와 너비를 구하는 방법입니다. 높이와 너비 구하기 height() width() Hello const height = $('#myDiv').height(); const width = $('#myDiv').width(); document.write(" 높이 : " + height) document.write(" 너비 : " + width) $('#myDiv').height(); $('#myDiv')로 div를 선택한 후, height() 함수를 사용하여 div의 높이를 구했습니다. $('#myDiv').width(); $('#myDiv')로 div를 선택한 후, width() 함수를 사용하여 div의 너비를 구했습니다.
지난번에는 div 안에 text를 추가하는 방법을 알아보았습니다. [jQuery] div 안의 텍스트 변경 text(), html() 이번에는 div 안의 텍스트를 읽어오는 방법입니다. text() 텍스트를 추가할 때와 마찬가지로 텍스트를 읽어올 때도, text() 메소드를 사용할 수 있습니다. 이번에는 파라미터를 전달하지 않고 호출합니다. Hello // Hello const value = $('#myDiv').text(); document.write(" 읽어온 값 : " + value) $('#myDiv').text() id가 myDiv인 div를 선택하고, text() 메소드를 사용하여 div의 텍스트를 읽어옵니다.
jQuery를 이용하여 div 안의 텍스트를 변경하려면 다음 2가지 방법을 사용할 수 있습니다. text() html() 1. text() 요소 안의 텍스트를 변경합니다. html 코드를 전달하여도, text로 인식되어 그대로 출력합니다. $('#myDiv1').text('hello'); $('#myDiv2').text('버튼'); $('#myDiv1').text('hello'); 파라미터로 전달된 텍스트가 그대로 화면에 출력되었습니다. $('#myDiv1').text('버튼'); html 태그를 넣어도 태그가 그대로 화면에 출력됩니다. 2. html() 요소 안의 html을 변경합니다. 파라미터로 html 코드를 전달하면, html 코드가 실행됩니다. $('#myDiv1').html('hello'); ..
jQuery에서 선택된 element의 클래스 값을 가져오는 방법입니다. attr() attr()은 선택된 요소의 속성 값을 가져옵니다. // my1 my2 my3 const classList =$('#myDiv').attr('class'); document.write(classList); attr('class') attr() 함수는 파라미터로 입력받은 속성의 값을 가져와서 문자열로 리턴합니다. class도 속성이므로 attr() 함수를 이용하여 class의 값을 읽어올 수 있습니다.