jQuery - 잡다한 이야기들

jQuery를 사용하여 div 클래스를 랜덤하게 표시하기

2017-08-20

여러 개의 동일한 class를 가진 div 중에서 하나만 랜덤하게 표시하고 싶은 경우가 있을 수 있습니다. 예를 들어, 다음과 같은 html 코드가 있을 때: <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> <div ...

jQuery를 사용하여 비밀번호 필드의 글자를 숨기기/표시하기

2017-03-05

회원가입 양식이나 기타 양식에서 비밀번호를 입력할 때 글자 대신에 별표나 가운데 점이 표시되도록 하고 싶은 경우가 있을 수 있습니다. 이 경우에 javascript나 jQuery를 사용할 수 있습니다. 아래는 이 경우에 사용 ...

jQuery insertBefore() 메소드

2017-01-13

jQuery insertBefore() 메소드 (jQuery insertBefore() Method) insertBefore() 메소드는 선택한 요소 앞에 HTML 요소를 추가합니다. 참고: 선택한 요수 뒤에 HTML 요소를 삽입하려면 insertAfter() 메소드를 사용합니다. 예시: $("button").click(function(){ $("<span>Hello world!</span>").insertBefore("p"); }); 실제 ...

jQuery로 컬럼(열)의 높이를 동일하게 조정하기

2016-12-27

열의 높이(가령 div 높이)를 동일하게 맞추는 것은 매우 간단합니다. 동일한 클래스(Class)를 가진 컬럼(열; Column)의 높이를 모두 체크하여 가장 높은 컬럼의 높이로 다른 컬럼의 높이를 설정해주면 됩니다. 다음과 같은 jQuery 스크립트를 ...

jQuery로 모바일 기기를 감지하는 방법

2016-12-27

[jQuery] 텍스트 찾기 및 바꾸기

2016-12-16

텍스트를 찾아서 바꾸는 경우에 사용할 수 있는 jQuery 스크립트입니다. 출처는 stackoverflow입니다. 다양한 방법으로 특정 단어, 문구, 텍스트를 찾아서 원하는 문구로 변경(가령 "dog"를 "doll"로 변경)할 수 있습니다. $('#id1 p').each(function() { var text ...