본문 바로가기

FrontEnd12

[jQuery] .prop의 사용 예 : disabled속성 해제 or 부여 / checked 해제 or 부여 / selected해제 or 부여 disabled, checked 속성은 불리언(boolean) 속성입니다. - 불리언 속성은 해당 속성을 명시하면 자동으로 true 값을 가지게 됩니다. - 명시하지 않으면 속성값이 자동으로 false 값을 가지게 됩니다. - 속성이 존재한다면 해당 속성이 true임을 의미합니다 $('#jobName').prop('disabled', true); // 해당 요소에 disabled 속성 주기 $('input[name=dataChk]:checked').prop('checked', false); // 해당 요소의 checked된 속성 해제 하기 $('#selectYear').prop('selected', true); // 해당 요소 selected 속성 주기 As of jQuery 1.6, the .attr(.. 2021. 6. 4.
[JavaScript] \(원화) 입력 및 특수문자입력 [\] 기호는 문자열 안에서 특수한 의미를 가지고 있기 때문에 [\]라는 문자를 특별한 문자가 아닌 단순한 문자 [\]로 사용하고 싶은 경우에도 이스케이프 시퀀스를 사용해 [\\]로 작성해야 한다. 출처 https://ponyozzang.tistory.com/52 [JavaScript] 특수 문자 입력(이스케이프 시퀀스) [JavaScript] 자바스크립트 강좌 입문 #7 데이터형 - 특정 문자 입력(이스케이프 시퀀스) 2017/11/26 - [IT/JavaScript・자바 스크립트] - [JavaScript] 자바스크립트 강좌 입문 #6 데이터형 - 문자열 ・특정 문자. ponyozzang.tistory.com 2021. 6. 2.
[jQuery] Ajax 사용 후 동적 생성(append)된 엘리먼트에 이벤트가 작동하지 않을 때 Ajax를 사용해 데이터에 따라 동적으로 테이블을 생성하거나 동적으로 button을 생성하는 경우가 많을 것이다. 이렇게 동적으로 생성된 button에 클릭 이벤트를 줄때, 일반적인 방법으로는 작동하지 않을것이다! button에 클릭이벤트를 주는 일반적인 방법으로 이렇게 했을 것이다. // 동적으로 생성된 저장버튼 클릭시 $('#saveBtn').click(function() { alert("동작하겠지?"); // 안한다. }); 왜 동작하지 않을까? 이유는 아직 존재하지 않는 요소에 대해 이벤트를 주려했기 때문이다. The problem is that .click only works for elements already on the page. ( 문제는 .click이 페이지에 이미 있는 요소에 대해서만.. 2021. 5. 11.
[HTML] radio button - 여러개의 항목중 택1 하는 동그란 버튼. - 라디오 버튼은 input 태그로 만든다. 사용시 주의 : input name이 같아야 한다. 항상 헷갈려서 정리해두자면, 같은 name을 가진 것 중 한개를 선택하는것이기 때문에 선택하려는 항목들은 name이 같아야 한다. name 값이 같지 않거나 없다면 제기능을 할 수 없다. 문법 name : name의 값이 같은 것 중에서 하나를 선택합니다. ( 중복 선택이 가능하게 하려면 체크박스를 만들것 ) value : 선택했을 때 전달될 값입니다. checked : 선택된 상태로 만듭니다. 코드예제 name이 fruit인 Apple 또는 Banana 중 하나만 선택해서 선택된 value를 넘겨준다. Fruit Apple Banana 응용 라디오 버튼 중 체크된.. 2021. 5. 3.
[For문, 중첩For문] 1. For문 작동방식 ① 초기화식은 반복문에 진입할 때 단 한 번 실행된다. ② 조건식이 ture면 ③ 실행문 실행시키고 false면 종료시킨다. ④ 조건이 true여서 실행문이 실행되었다면 다시 증감식을 실행한다. ② 증감후에도 조건식이 ture면 실행문장 반복 / false이면 for문 종료. 2.예제 for (int i = 0; i 2021. 3. 17.
[Ajax] 영화진흥원위원회 오픈API _ 영화정보검색 1. 개요 검색어 입력시 해당 검색어에 대한 영화정보 화면에 ajax로 출력 항상 데이터를 사용할때는 어디까지 접근하는지 콘솔에 출력해보고 값을 이용 (양파까보기) console.log(data); console.log(data.movieListResult); console.log(data.movieListResult.movieList); 이후 for문에서 사용 : for(let i=0; i 2020. 9. 22.