목록📌 Language (61)

계발하는 개발자

[JS] is vs includes 메서드 차이

is 메서드와 includes 메서드는 각각 특정 아이디나 요소와 일치하는지 여부를 상호 비교하거나, 하나의 문자열 혹은 배열이 특정 문자를 포함하는지 여부를 확인하며, 그 비교 대상과 반환 값의 종류가 다릅니다. 1. is 메서드 사용 방법: 문자열.is(다른 문자열) 반환값: 두 문자열의 일치여부를 확인하여 true/false를 반환합니다. const element = $('div'); // 클래스/아이디 일치여부 확인 if (element.is('.highlight')) { console.log('이 요소는 .highlight 클래스를 가지고 있습니다.'); // 같은 경우 } else { console.log('이 요소는 .highlight 클래스를 가지고 있지 않습니다.'); // 다른 경우 }..
📌 Language/Javascript 2023. 6. 8. 16:22
[JS] 문자열 특정 문자 위치 찾기(indexOf, search)

search 메서드와 indexOf 메서드는 둘 다 자바스크립트 문자열에서 특정 문자 또는 부분 문자열을 검색하는 데 사용되는 메서드입니다. 그러나 두 메서드 간의 반환 값과 그 사용 방법에서는 차이가 있습니다. 1. indexOf 사용 방법: 문자열.indexOf(찾을 문자 또는 부분 문자열) 반환값: indexOf() 메서드는 문자열 내에서 소괄호 안의 특정 문자가 처음으로 등장하는 인덱스를 반환합니다. 찾을 문자열이 없을 경우 '-1'을 반환합니다. 예시: Ex - 특정 문자) const tx = "Hello? How are you?" tx.indexOf("?") // 결과 : 5를 반환 예컨대, sum.indexOf('?') 라면 해당 문자열에서 '?' 문자가 처음으로 등장하는 인덱스를 반환합니다..
📌 Language/Javascript 2023. 6. 8. 16:02
[CSS] input type = "range" | 볼륨조절바 만들기

# input type = "range" 란 ? HTML input type="range" W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 우측처럼 범위를 나타내는 슬라이더를 생성하고 싶을 때 input type="range" 를 사용할 수 있다. input 태그의 타입이 "range" 인 경우, min, max, step, value 속성을 사용하여 슬라이더의 범위와 간..
📌 Language/CSS 2023. 6. 5. 01:35
[JS] 라디오버튼 체크여부에 따른 입력창 활성/비활성화

네xx, 한xx, 구x 같이 특정 주소를 선택하지 않고 이메일 직접입력 같이 다른 옵션을 선택했을 경우 입력창이 비활성화되었다가 활성화시켜야하는 경우가 있다. // 직접입력 버튼 클릭시에만 입력창 활성화 $('.rdo > input').on('change', function() { if ($('.direct-user-input input').is(':checked')) { $('.custom-filter-price > input').addClass('is_active').prop('disabled', false); } else { $('.custom-filter-price > input').removeClass('is_active').prop('disabled', true); } }); 소스 구현에 활용..
📌 Language/Javascript 2023. 5. 14. 18:30
이전 Prev 1 ··· 3 4 5 6 7 8 9 ··· 16 Next 다음