일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- string
- 이탈리아
- CMD
- 자바스크립트
- Maven
- list
- 이클립스
- date
- json
- table
- js
- 자바
- 인텔리제이
- Button
- Array
- javascript
- 테이블
- Visual Studio Code
- input
- windows
- vscode
- Files
- html
- IntelliJ
- 배열
- Eclipse
- ArrayList
- 문자열
- CSS
- Java
- Today
- Total
어제 오늘 내일
jQuery를 이용하여 특정 id가 존재하는지 확인하기 위해 length 속성을 사용할 수 있습니다. id 존재 여부 확인하기 : length Hello const myDivSize = $('#myDiv').length; // 1 const myDiv2Size = $('#myDiv2').length; // 0 document.write(' myDiv length : ' + myDivSize); document.write(' myDiv2 length : ' + myDiv2Size); $('#myDiv') 존재하는지 확인하려고 하는 요소를 id로 선택합니다. .length length 속성은 선택한 요소가 선택된 개수를 리턴합니다. 따라서, 만약 선택된 요소가 없으면 0을 리턴하고, 선택된 요소가 있으면 양..
지난번에는 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'); ..