IT종합 블로그

대부분의 프로그래밍 언어에서 trim()은 공백을 제거하는 함수이다 하지만 javascript에서는 기본적으로 trim()을 제공하지 않아서 보통은 jQuery의 trim()을 이용한다. 사용법은 다음과 같다. jQuery를 임포트 하고 호출하여 trim() 함수를 이용하였다. 만약 jQuery를 사용하고 싶지 않다면 다음과 같이 정규식을 이용해 같은 효과를 낼 수 있다.

jQuery를 이용해서 동적으로 이벤트 핸들러를 추가하기 위해서 bind(), live(), delegate() 과 같은 함수를 사용할수 있다가장 기본적인것은 bind() 함수로 Click here 위와 같은 html 문서가 있을때$('.clickme').bind('click', function() { // Bound handler called. });이렇게 해서 clickme 클래스를 가진 객체에 대해 onclick 이벤트를 처리할수 있다하지만 이후에 아래의 코드가 실행되는 상황을 가정해 보자$('body').append('Another target');그렇다면 새로 추가되는 div 객체 또한 clickme 클래스인데, 이 클래스의 경우에는 앞서 추가한 onclick 이벤트 핸들러가 등록 되어 있지 않..

function check(){ var str = document.getElementById('personName'); if( str.value == '' || str.value == null ){ alert( '값을 입력해주세요' ); return false; } var blank_pattern = /^\s+|\s+$/g; if( str.value.replace( blank_pattern, '' ) == "" ){ alert(' 공백만 입력되었습니다 '); return false; } //공백 금지 //var blank_pattern = /^\s+|\s+$/g;(/\s/g var blank_pattern = /[\s]/g; if( blank_pattern.test( str.value) == true){..

siblings() 함수는 DOM 트리 상의 형제 요소들을 찾아 새로운 jQuery 객체를 만들어 줍니다. 이 함수에는 $() 함수에 사용할 수 있는 모든 선택자 표현이 올 수 있습니다. 만일 그 선택자가 주어졌고 그 선택자에 의해 선택될 수 있는 바로 다음 요소들이 있다면 jQuery 객체가 반환되고 그렇지 않다면 제외됩니다. 예를 보시죠. list item 1 list item 2 list item 3 list item 4 list item 5 item 3의 형제 요소들을 찾아볼까요. $('li.third-item').siblings().css('background-color', 'red'); 스크립트의 결과는 items 1, 2, 4, 그리고 5 의 배경색이 바뀌게 됩니다. 선택자 표현을 포함하지 ..