root@bskyvision: ~#
방명록
태그
RSS

<닫기>

3,561,886/3,854/1,390

프로필사진
수많은 소음 속에서 신호를 찾아가는 bskyvision입니다.


<닫기>

  • 꼬장이이(가) 07.25에 작성한 댓글: test.

<닫기>

(jQuery) 검색 결과 10건
  • 코딩/javascript - 2022.07.28
    [jQuery] 특정 요소에 담긴 text 정보 얻기
    jQuery를 활용하여 특정 요소에 담긴 text 정보를 얻고자 할 때는 text() 메소드를 사용하면 됩니다. $('CSS 셀렉터').text() 예를 들어서, 아이디가 test인 어떤 요소에 "안녕하세요"라는 텍스트 정보가 담겨 있는 상황에서 "안녕하세요"라는 텍스트 정보를 얻으려면 $('#test').text()라고 코드를 작성해주면 됩니다. 관련 글 - [jquery] html 메서드 정리
  • 코딩/javascript - 2022.06.17
    [jQuery] attr 메소드 사용법
    안녕하세요. 비스카이비전입니다. 오늘은 jQuery의 attr 메소드의 사용방법에 대해 알아보도록 하겠습니다. attr 메소드가 사용되는 경우는 크게 두 가지입니다. 1) 속성(attribute)의 값을 가져오기 위해서. 2) 속성을 추가하기 위해서. 간단한 예시들을 통해 바로 사용법에 대해 알아보겠습니다. 속성의 값 가져오기 $('셀렉터').attr(속성) 다음과 같이 id가 test인 input 요소가 있다고 가정하겠습니다. 이 input 요소의 class를 알고 싶다면, 다음과 같이 코딩을 해주시면 됩니다. 콘솔에 출력된 것을 확인해보면, id가 test인 요소의 class를 잘 반환받은 것을 알 수 있습니다. 속성 추가하기 $('셀렉터').attr(속성, 속성의값) 이번에는 attr 메소드를 활용..
  • 코딩/javascript - 2022.02.22
    [jquery] 체크박스 체크 여부 확인하기 (2)
    id가 test인 체크박스가 있다고 가정하겠다. 이 체크박스가 체크되어 있는지 아닌지의 여부를 jquery를 이용해서 확인하려면 다음과 같이 하면 된다. $('#test').prop(''checked"); 만약 체크되어 있다면 true를 반환할 것이고, 체크되어 있지 안하면 false를 반환할 것이다. 한번 확인해보자. test1이란 아이디를 부여한 체크박스는 체크가 된 상태이고, test2란 아이디를 부여받은 체크박스는 체크되어 있지 않은 상태다. 콘솔에서 각각 어떠한 값을 반환하는지 확인해보자. 체크되어 있는 것은 true를 그렇지 않은 것은 false를 반환함을 확인할 수 있다.
  • 코딩/javascript - 2021.05.20
    [jquery] 아주 유용하게 쓰이는 append() 메서드 사용법 (2)
    오늘은 jquery의 html() 메서드와 함께 아주 많이 사용되는 append() 메서드에 대해 살펴보도록 하겠습니다. append() 메서드는 선택한 요소 내 마지막 부분에 append 함수 내에 전달해준 요소를 생성해줍니다. 백문이 불여일견이라고 한 번 어떻게 사용되는지 보시죠. $(선택한 요소).append(새 요소) 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 Document 안녕하세요. $('#test').click(function(){ $('#test').append('저는 비스카이비전입니다.'); }); Colored by Color Scripter cs 저는 test라는 아이디를 가진 요소를 클릭하면 "저는 비..
  • 코딩/web - 2021.03.18
    카카오 책 검색 API 이용해서 무한 스크롤 기능 가진 도서 검색 웹 페이지 만들기 (15)
    오늘은 카카오 책 검색 API를 이용해서 도서 검색 웹 페이지를 구현해보겠습니다. 저는 책 제목을 검색하면, 정확도순으로 10개의 검색결과가 출력되고, 스크롤을 내려서 문서의 끝에 다다르면 추가로 10개의 검색결과가 하단에 붙는 그런 형식의 웹 페이지를 만들어 보겠습니다. 전체 코드는 다음과 같습니다. 핵심 코드만 보여드리기 위해서 CSS를 이용해서 웹페이지를 꾸미지는 않았습니다. 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 ..
  • 코딩/javascript - 2021.02.11
    [jquery] 열려있는 팝업 사이드바 외부 영역 클릭시 닫히게 하기 (3)
    팝업 사이드바를 갖고 있는 웹사이트들은 대체로 열려 있는 팝업 사이드바의 외부를 클릭하면 닫히게 해놓았습니다. 사용자가 느끼기에 그것이 직관적이라고 생각해서 누군가 개발했고 이후에 유행한 것 같습니다. 팝업 사이드바 열 때 -> 버튼 클릭 팝업 사이드바 닫을 때 -> 사이드바 외부 클릭 이렇게 작동하도록 한번 코드를 구현해보겠습니다. 제가 해본 방식 말고도 다양한 방법이 있을 수 있으니, 더 좋은 코드가 있다면 그것을 사용하셔도 좋습니다. 코딩이란 것은 그런 거니까요. 먼저 결과물을 보겠습니다. 버튼을 클릭하면 사이드바가 열리고, 사이드바 외부 영역을 클릭하면 닫힙니다. 이것을 만들기 위해서는 두 개의 문서가 필요한데, 하나는 html 파일이고, 하나는 css 파일입니다. 또한 jquery, font a..
  • 코딩/javascript - 2020.12.12
    [jquery] css() 메서드로 css 속성 추가하기 (6)
    jquery의 css 메서드를 사용하면 특정 요소에 css 속성을 추가할 수 있습니다. 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 Document .title { color: red; font-size: 50px; } bskyvision $('.title').click(function(){ $('.title').css({"color": "blue", "font-size": "20px"}); }); Colored by Color Scripter cs 위와 같이 코딩해주면 본래 color는 red, font-size는 50px 였던 title 클래스 요소는 클릭하면 color는 blue로, font-s..
  • 코딩/javascript - 2020.12.11
    [jquery] html 메서드 정리
    안녕하세요. 비스카이비전입니다. 오늘은 jquery의 html 메서드에 대해 알아보겠습니다. jquery의 html 메서드로는 크게 두가지 일을 할 수 있습니다. 1. 요소 내 html 코드 얻기 첫번째는 요소가 가지고 있는 html 코드를 가져오는 것입니다. 1 2 3 4 5 6 7 8 9 10 11 12 bskyvision 티스토리 블로그 안녕하세요. bskyvision입니다. var title = $('#title').html(); alert(title); cs 위 코드를 실행하면 아이디가 title인 요소 안의 html 코드를 경고창에 띄워줍니다. 아이디가 title인 div 요소 내 html 코드를 경고창에 잘 띄워줬죠? 2. 요소 내 html 코드 변경 html() 메서드로 할 수 있는 두번째..
  • 코딩/javascript - 2020.12.09
    [jquery] textarea 최대 100자까지만 입력 가능하게 하기 (2)
    textarea에 글자를 입력받을 때 최대 N자까지만 입력 가능하게 하고 싶을 때가 있습니다. 오늘은 100자까지만 입력 가능하게 하는 코드를 소개해드리겠습니다. 입력 가능 자수는 각자 필요에 따라 100을 200, 300, 1000등으로 바꿔서 쓰시면 되겠습니다. 우선 필요한 html 코드는 다음과 같습니다. 1 2 (0 / 100) cs 또한 javascript 코드는 다음과 같습니다. 흐름을 대략적으로 설명해드리면, textarea에 커서를 놓고 타이핑을 하면, 글자 수를 읽어낸 것을 (0 / 100) 부분의 0에 대입을 시켜서 바꿔서 보이게 합니다. 또한 글자수가 100개가 넘으면 문자열을 처음부터 100자까지만 짤라내고, (0 / 100)은 (100 / 100)으로 보이게 합니다. 1 2 3 4..
  • 코딩/javascript - 2020.05.14
    [jquery] 웹페이지에서 이미지를 클릭하면 다른 이미지로 변경되게 하기(img1->img2->img1->img2->...) (8)
    자바스크립트(javascript)는 웹페이지에 생동감을 불어주는 언어입니다. 정적이여서 다소 식상할 수 있는 웹페이지를 동적으로 만들어 줄 수 있죠. 각 프로그래밍 언어마다 이런저런 유용한 기능을 구현해놓은 라이브러리가 있듯이, 자바스크립트도 이러한 라이브러리를 가지고 있습니다. jQuery가 그 중 하나입니다. 오늘은 jQuery를 이용해서 이미지를 클릭할 때마다 다른 이미지로 변경되는 코드를 소개해드리도록 하겠습니다. 구체적으로 말해서, 이미지를 클릭하면 다른 이미지로 바뀌고, 그 다른 이미지를 클릭하면 다시 원래 이미지로 변경됩니다. img1 -> img2 -> img1 -> img2 -> img1 -> ... 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 2..