반응형

문제

<script>

$(function(){
    $("#test").val("name").prop("selected", true);
});

</script>

 

<body>

 

  <select id="test">

    <option value="" selected="selected">Default 박스</option>

    <option value="name">홍길동</option>

    <option value="phone">010-xxxx-xxxx</option>

    <option value="email">abc@daram.com</option>

 

</body>

 

풀이

$("#test").val("name").prop("selected", true);

id 가"test" 이고, "name"의 value 값을 가지고 있는 <option> 태그를 selected (선택) 하라.

 

반응형
저작자표시 비영리 변경금지

'프로그래밍 > Javascript & JQuery' 카테고리의 다른 글

[JQuery] - readonly 변경하기  (0) 2021.04.27
[JQuery] - find(), td:eq(0) 사용하기  (0) 2021.04.23
[Javascript] - this 와 $(this)의 차이점  (0) 2021.04.23
[Javascript] - min.js 등 min 파일이란?  (0) 2021.04.21
반응형

 

 

 

버전 1.9 이하

  $('#ID').attr('readonly', true);

 

 

버전 1.9 이상

  $('#ID').prop('readonly', true);

 

 

 

 

 

반응형
저작자표시 비영리 변경금지

'프로그래밍 > Javascript & JQuery' 카테고리의 다른 글

[JQuery] - prop(), val()으로 select box 상태 값 변경  (0) 2021.05.03
[JQuery] - find(), td:eq(0) 사용하기  (0) 2021.04.23
[Javascript] - this 와 $(this)의 차이점  (0) 2021.04.23
[Javascript] - min.js 등 min 파일이란?  (0) 2021.04.21
반응형

설명

find("td:eq(0)")

- 0(1번째) <td> 태그 요소를 찾는다.

예제

문제 : $("#trId1").find("td:eq(0)").find("input").val("ID 추가");
해석 : id값이 "trId1"을 찾고, 첫번 째 <td> 요소를 찾고, <input> 태그의 value 값을 "ID 추가"로 바꾼다.

 

<tr id="trId1" class="trClass1">

  <th>ID</th>

  <td>

    <input type="text" id="trInput1" value="" readonly="true">

  </td>

  <td>

     <input type="button">

  </td>

</tr>

 

 

<tr id="trId2" class="trClass2">

  <th>ID</th>

  <td>

    <input type="text" id="trInput2" value="" readonly="true">

  </td>

  <td>

     <input type="button">

  </td>

</tr>

 

반응형
저작자표시 비영리 변경금지

'프로그래밍 > Javascript & JQuery' 카테고리의 다른 글

[JQuery] - prop(), val()으로 select box 상태 값 변경  (0) 2021.05.03
[JQuery] - readonly 변경하기  (0) 2021.04.27
[Javascript] - this 와 $(this)의 차이점  (0) 2021.04.23
[Javascript] - min.js 등 min 파일이란?  (0) 2021.04.21
반응형

[this - Javascript]

Javascript의 경우에는 이벤트가 발생한 태그 요소가 표시

ex) alert로 찍어보면 [object HTMLSelectElement] 로 찍힘.

[ $(this) - Jquery]

Jquery의 경우에는 이벤트가 발생한 요소의 정보들이 Object로 표시

ex) alert로 찍어보면 [object object] 로 찍힘.

 

 

자바스크립트의 this는 jQuery의 $(this)[0] 으로 동일 결과를 얻어낼 수 있습니다.

 

 

 

반응형
저작자표시 비영리 변경금지

'프로그래밍 > Javascript & JQuery' 카테고리의 다른 글

[JQuery] - prop(), val()으로 select box 상태 값 변경  (0) 2021.05.03
[JQuery] - readonly 변경하기  (0) 2021.04.27
[JQuery] - find(), td:eq(0) 사용하기  (0) 2021.04.23
[Javascript] - min.js 등 min 파일이란?  (0) 2021.04.21
반응형

 

템플릿을 다운받아보면 min파일을 자주 보게 된다.

min파일은 minify (축소하다)의 줄임으로 공백과 줄 바꿈을 제거하여 용량을 줄인 파일이다.

덕분에 전송량을 줄일 수 있다.

 

.js파일은 가독성(들여 쓰기, 줄 바꿈 등)을 위해 개발할 때 사용하고,

이를 압축하여 min.js파일을 만들어 실제 서비스에 사용한다.

따라서 min.js파일을 사용해야 파일의 용량+전송량을 줄일 수 있다.

 

반응형
저작자표시 비영리 변경금지

'프로그래밍 > Javascript & JQuery' 카테고리의 다른 글

[JQuery] - prop(), val()으로 select box 상태 값 변경  (0) 2021.05.03
[JQuery] - readonly 변경하기  (0) 2021.04.27
[JQuery] - find(), td:eq(0) 사용하기  (0) 2021.04.23
[Javascript] - this 와 $(this)의 차이점  (0) 2021.04.23

+ Recent posts

티스토리툴바