본문 바로가기
반응형

전체 글160

JQuery(제이쿼리) Method /.val(), html(), text() - 양식(form)의 값을 가져오거나 값을 설정하는 메소드 JQuery(제이쿼리) Method /.val(), html(), text() - 양식(form)의 값을 가져오거나 값을 설정하는 메소드 .val() from의 선택 요소 텍스트 값을 설정 혹은 받아옴 ​.val()은 양식(form)의 값을 가져오거나 값을 설정하는 메소드 - val() : input, select,textarea 등의 form elements에서 값을 구한다. .val(value) : form elements에 값을 지정한다. - 값을 변경 할 때 : $(변경할 부분 선택).val(값); 값을 가져 올 때 : $(변경할 부분 선택).val(값); ex) $('input').val('helloworld); //input의 value 값에 helloworld라고 넣는다 $('input')... 2023. 11. 25.
JQuery(제이쿼리) 속성추가, 제거, jquery attr(), removeAttr() JQuery(제이쿼리) 속성추가, 제거, jquery attr(), removeAttr() 제이쿼리 속성추가, 제거, jquery attr(), removeAttr() - attr() 사용방법 jquery 의 attr() 메소드는 선택된 요소의 속성이나 값을 설정, 또는 리턴하는데 사용된다. 이 메소드가 그 속성값을 리턴할 때, 이것은 첫번째로 매치되는 요소의 값을 리턴한다. 이 메소드가 그 속성값을 설정할때, 이것은 매치되는 요소들의 하나 이상의 속성/값의 묶음으로 설정한다. 1. 속성값을 리턴 $(selector).attr(attribute) ​ 예) 이미지가 있을 때 이 요소의 width 속성값을 경고창에 띄우는 예이다. ​ 2. 속성과 값을 설정 $(selector).attr(attribute,v.. 2023. 11. 25.
JQuery(제이쿼리) 이벤트 사용시 $(this)의미와 활용 JQuery(제이쿼리) 이벤트 사용시 $(this)의미와 활용 $(this)는 일종의 변수, 선택자라고 볼 수 있다. 일반적으로 동일한 소스가 반복되는 네비게이션 메뉴, 탭, 아코디언메뉴, 리스트등에서 많이 활용. 활용 예) btn이라는 class를 동일하게 가진 버튼들이 존재할때 ​ 현재는 어느버튼을 눌러도 class가 같기 때문에 모든 버튼에 글씨가 변하는 것을 볼 수 있다. 이 this를 활용하여 타겟버튼만 변경되게 바꿔보면 button.click(function(){ $(this).val("눌렀어~"); }); 이 부분만 바꾸면 ​ 만약 이 방법을 안쓴다면 아래 예제소스와 같이 각 버튼마다 id를 별도로 줘야한다. 각각의 이벤트를 만들어주는 번거롭고 비효율적인 일을 할수도 있다. 그러니 이 $(t.. 2023. 11. 25.
윈도우 시스템 다크 모드로 변경/해제 하는 법 윈도우창 시스템 다크 모드로 변경/해제 하는 법 1. 바탕화면에서 개인 설정을 누른다. 2. 개인설정 메뉴에서 색을 누른다. 3. 모드 선택에서 다크를 누른다. 4. 쉽게 윈도우의 모든 창들이 다크 모드로 변한 것을 볼 수 있다. 2023. 11. 24.
크롬 다크 모드 설정/해제 방법 크롬 다크 모드 설정/해제 방법 1. 방법1 1) 크롬에 접속한다. 다음 주소를 URL입력창에 입력한다. chrome://flags/#enable-force-dark 2) 'Auto Dark Mode for Web Contents' 항목의 'Default' 버튼을 클릭한다. 3) 세부 창이 열리게 되는데 이 중에서 'Enabled' 항목을 선택한다. 4) 우측 하단의 'Relaunch' 버튼을 눌러 준다. 5) 다음 화면처럼 다크모드로 변한 것을 알 수 있다. ※ 다크 모드를 해제 하려면 다시 "Default"를 눌러주면된다. 2. 방법2 1) 크롬에 접속한다. 다음 주소를 URL입력창에 입력한다. https://chromewebstore.google.com/category/themes?hl=ko&pli.. 2023. 11. 24.
다음 다크모드 설정/해제 방법(모바일) 다음 다크모드 설정/해제 방법(모바일) 1. 모바일 다음앱 다크 모드 설정 방법 1) 다음 앱에서 왼쪽 상단의 메뉴 버튼(짝대기 3개) 를 누른다. 2) 오른쪽 상단의 톱니바퀴 모양의 설정 버튼을 누른다. 3) 앱설정의 화면설정을 누른다. 4) 다크 모드를 해제하려면 라이트를 다크 모드를 설정하려면 다크모드를 설정하면 된다. 2023. 11. 24.
반응형

티스토리툴바