jQuery를 사용하여 입력 요소에 필요한 클래스를 빠르게 추가하는 방법을 찾고 있습니다. 나는 다음과 같은 클래스를 추가해야한다고 생각하지만, 이것들을 추가하는 방법과 hover 클래스를 추가해야하는지 잘 모르겠습니다.양식 입력 요소를 jQuery로 장식하려면 어떻게해야합니까?
ui-widget ui-widget-content ui-corner-all
추가 할 항목과 호버를 포함한 클래스를 추가하는 방법에 대한 제안 사항이 있습니까? 설명서를 확인했지만 jQuery 사이트에서이 작은 사례를 한 번 보지 못했습니다 .-(
위젯을 만들고 jQuery UI 테마를 사용하려는 경우 The jQuery UI CSS Framework 페이지에서 CSS의 클래스 등이 사용된다.
을-hover 및
-active 클래스를 추가하는 측면에서, jQuery의 이전에 대한
hover 기능, 후자의
focus 및
blur 이벤트가 있습니다. 당신은
addClass 및
removeClass를 통해 클래스를 추가 및 제거 .
업데이트 : 위젯을 만들지 않는다고 말하면 간단한 텍스트 상자에 뭔가를 적용하려고합니다. 내가 아는 한, 당신이 할 수있는 것은 없으며, 추가 할 수업이 없습니다. 예를 들어, 을 살펴보십시오. 자동 완성 기용 입력 상자에는 자동 완성 코드로 추가 된 것을 제외하고 클래스가 없습니다. 당신은 그것들을 추가하지 않고, 요소에 자동 완성을 설정하고 을 추가합니다. 필자가 알고있는 한, 모든 경우에 해당됩니다. 런타임에 플러그인 함수를 호출하여 위젯을 설정하고 필요한 경우 위젯 코드는 필요한 모든 클래스를 요소에 추가합니다.
방금도 위의 링크 된 페이지를 사용하면 그렇게 알 필요가 무엇을 말해야한다 — 위젯을 생성하지 않고 그들이 테마 —과 잘 맞도록 페이지의 다른 요소의 스타일을하려는 경우. 그러나 전반적으로, 당신은 대체로 그렇게하지 않습니다. jQuery UI는 웹 사이트 CSS 프레임 워크가 아닙니다. CSS는 jQuery UI가 제공하는 특정 대상을 대상으로합니다 (그러나 전반적인 방식으로 모든 것이 일관된 방식으로 테마 화 될 수 있습니다).
위젯이 생성되지 않습니다. 간단한 텍스트 입력 상자에 적용 할 항목 만 있으면됩니다. 나는 전문가들에게 이것은 쉬운 일임을 알고 있지만, 다른 사람들에게 조언이 주어지지 않는다는 것에 놀랐습니다. 결국 나는 100 %의 사람들이 사이트에서 입력 상자를 사용하고 있으며 테마를 지정하는 방법에 대한 언급이 없다고 생각합니다. 사이트에 언급되지 않은 이유는 무엇입니까? –
@SamanthaJ : 답변을 업데이트했습니다. 내가 아는 한 jQuery UI를 테마 입력 상자로 사용하지 마십시오. 그것이 사이트에 언급되지 않은 이유입니다. –
jQuery UI에 폼 데코레이터 컨트롤을 추가 할 장기적인 계획이 있다고 생각했습니다. 나는 그것의 언급을 본다 그러나 결코 끝나지 않는 무언가 같이 보인다. –