반응형

dom 2

형제 요소들 찾기, siblings

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 의 배경색이 바뀌게 됩니다. 선택자 표현을 포함하지 ..

DOM 객체에 동적으로 추가된 이벤트 핸들러 제거하는 방법

jQuery의 bind(), live(), delegate() 함수를 사용해서 이벤트 핸들러를 등록하는 경우, 각각 unbind(), die(), undelegate() 함수를 사용해서 이벤트 핸들러를 삭제할수 있다.이때, bind()로 추가한것은 반드시 unbind()로, live() 로 추가한것은 die()로, delegate()로 추가한것은 undelegate() 로 삭제해야 하는것에 주의하자.이렇게 unbind()류의 함수를 사용해서 이벤트를 없앨때에는$('#foo').unbind('click');와 같이 사용하면 되며, unbind()의 인자를 주지 않으면 $(‘#foo’)에 걸려있는 모든 bind된 이벤트핸들러를 삭제하게 된다.또한 아래와 같이 이벤트 핸들러를 명명해서 bind한 후에 해당하는..

반응형