http://www.dotnetcurry.com/ShowArticle.aspx?ID=751
이글은 위의 내용을 토대로 만들어졌습니다. 위의 사이트에서 소스를 다운 받으실수 있으며 내용이 좀 상이할수 있습니다.
Jquery는 CSS3 Selectors규격초안으로 정의된 다양한 Selector들을 제공합니다. 게다가 유용한 가짜 class들(:first-child, :hover 등등)을 포함하고 있습니다.
확장가능한 Jquery프레임워크는 여러분들이 쉽게 selector들을 정의하고 생성하여 쓸수있게 해줍니다.
여기서 우리가 배울 내용은 사용자 mailto:links 라는 선택자를 만들어 사용하는 부분입니다.
아래와 같이 코드를 작성합니다.
아래의 코드에서 볼수 있듯이 Jquery의 확장 메서드를 써서 $.expre[':'] 객체를 확장합니다. 여기서 우리는 mailToLink라는 사용자 선택자를 만들었습니다. 이 선택자는 href의 속성값이 mailto로 시작하는 요소들을 선택합니다.
이글은 위의 내용을 토대로 만들어졌습니다. 위의 사이트에서 소스를 다운 받으실수 있으며 내용이 좀 상이할수 있습니다.
Jquery는 CSS3 Selectors규격초안으로 정의된 다양한 Selector들을 제공합니다. 게다가 유용한 가짜 class들(:first-child, :hover 등등)을 포함하고 있습니다.
확장가능한 Jquery프레임워크는 여러분들이 쉽게 selector들을 정의하고 생성하여 쓸수있게 해줍니다.
여기서 우리가 배울 내용은 사용자 mailto:links 라는 선택자를 만들어 사용하는 부분입니다.
아래와 같이 코드를 작성합니다.
아래의 코드에서 볼수 있듯이 Jquery의 확장 메서드를 써서 $.expre[':'] 객체를 확장합니다. 여기서 우리는 mailToLink라는 사용자 선택자를 만들었습니다. 이 선택자는 href의 속성값이 mailto로 시작하는 요소들을 선택합니다.
다됐습니다. 이제 실제적으로 버튼을 클릭했을때 선택된 요소의 컬러값을 붉은색으로 바꿔봅니다.
위의 코드를 실행한 결과는 아래와 같습니다.
