>웹 프론트엔드 >JS 튜토리얼 >jquery로 글꼴 색상을 변경하는 방법

jquery로 글꼴 색상을 변경하는 방법

coldplay.xixi
coldplay.xixi원래의
2020-12-02 15:43:575108검색

jquery에서 글꼴 색상을 변경하는 방법: 먼저 태그를 사용하여 텍스트 줄을 만든 다음 js에서 [css()] 메서드를 사용하여 색상 속성을 설정하여 텍스트 색상을 변경합니다.

jquery로 글꼴 색상을 변경하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, jquery3.2.1 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

jquery로 글꼴 색상을 변경하는 방법:

1. 새 html 파일을 만들고 이름을 test.html로 지정하여 jquery가 텍스트 색상을 변경하는 방법을 설명합니다.

jquery로 글꼴 색상을 변경하는 방법

2. test.html 파일에서 p 태그를 사용하여 테스트용 텍스트 줄을 만듭니다.

jquery로 글꼴 색상을 변경하는 방법

3.test.html 파일에서 p 태그의 ID를 mytxt로 설정합니다. 이는 주로 아래 ID를 통해 p 태그 객체를 얻는 데 사용됩니다.

jquery로 글꼴 색상을 변경하는 방법

4 test.html 파일에서 버튼 버튼을 생성하고 onclick 클릭 이벤트를 버튼에 바인딩한 후 버튼이 클릭되면 editshe() 함수를 실행합니다.

jquery로 글꼴 색상을 변경하는 방법

5.js 태그에서 editshe() 함수를 만들고, id를 통해 p 태그 객체를 얻고, css() 메서드를 사용하여 p 태그의 색상 속성을 변경합니다. 예를 들어, 여기서는 p 태그 내용의 색상을 빨간색으로 변경합니다.

jquery로 글꼴 색상을 변경하는 방법

6. 브라우저에서 test.html 파일을 열고 버튼을 클릭하여 효과를 확인하세요.

jquery로 글꼴 색상을 변경하는 방법

관련 무료 학습 권장사항: javascript(동영상)

위 내용은 jquery로 글꼴 색상을 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.