색상 및 background_jquery를 변경하는 Jquery 변경(글꼴 크기, 배경) 코드

change(fn)
일치하는 각 요소의 변경 이벤트에 핸들러 함수를 바인딩합니다.
change 이벤트는 요소가 포커스를 잃었을 때, 그리고 포커스를 얻은 후 해당 값이 변경될 때 트리거됩니다.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>자부심</title> <style> p{line-height:23px;margin:0;padding:0;} </style> <div> <label for="fontsize"> </label> <select name="" id="fontsize">글꼴 크기<option value="12px"> </option> <option value="14px">작은 사이즈</option> <option value="16px">작게</option> <option value="18px">중간</option> <option value="24px">더 크게</option> </select>대형<label for="backgoundcolor"> </label> <select name="" id="backgoundcolor">배경색상<option value="#F4FBFF"> </option> <option value="gray">기본값</option> <option value="red">라이트 그레이</option> <option value="green">레드</option> <option value="yellow">그린</option> </select>밝은 노란색<label for="fontcolor"> </label> <select id="fontcolor">글꼴 색상<option value="#000"> </option> <option value="#f00">블랙</option> <option value="#060">레드</option> <option value="#00f">그린</option> <option value="#600">블루</option> </select>브라운<label> </label> </div> <h4> </h4> <p>봄강꽃 달빛밤</p> <p>봄의 강물이 해수면에 이르고 바다에는 밝은 달이 뜬다. 반짝이는 파도는 수천리를 따라 파도를 따르지만, 봄강에는 어디에도 달이 없다. </p> <p>방전 주변에는 강물이 흐르고, 달빛은 꽃과 숲을 눈꽃처럼 비춘다. 하늘에는 자신도 모르게 서리가 날고 있고, 정자 위의 백사장은 보이지 않습니다. </p> <p>강과 하늘에는 먼지가 전혀 없고, 밝은 하늘에는 달 하나만 떠 있습니다. 강가에서 처음으로 달을 본 사람은 누구였나요? Jiang Yue는 언제 사람들에게 빛을 발했습니까? </p> <p>인생은 대대로 끝이 없지만 강과 달은 매년 똑같을 뿐입니다. Jiang Yue가 누구를 기다리고 있는지 모르겠지만 양쯔강이 물을 보내는 것을 봅니다. </p> <p>흰 구름이 사라지고 청풍포에는 슬픔이 가득합니다. 오늘 밤 누구의 가족이 바람을 피우고 있습니까? Mingue Tower가 어디에서 그리워지나요? </p> <p>불쌍한 달이 위층을 헤매고 있는데, 화장거울에서 빛나고 있을 거에요. 옥문의 커튼은 걷어낼 수 없고, 옷을 부수고 모루에 닦으면 다시 돌아온다. </p> <p>지금 이 순간, 우리는 서로를 바라보지만 서로의 말을 듣지 못합니다. 달빛이 당신을 비추기를 바랍니다. 기러기는 길고 빠르게 날고, 물고기와 용은 물속으로 뛰어든다. </p> <p>어젯밤 연못에 꽃이 떨어지는 꿈을 꾸었는데, 봄이 와도 집에 돌아오지 못한 게 아쉽네요. 강의 샘물은 사라지고 달은 다시 서쪽으로 졌습니다. </p> 비스듬한 달이 바다 안개를 가리고 Jieshi와 Xiaoxiang으로 가는 길은 끝이 없습니다. 떨어지는 달이 사랑으로 강가의 나무들을 흔드는구나.
[Ctrl A 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ] <script> $(function(){ $('#fontsize').change(function(){ var size = $('#fontsize').val(); $('p').css('font-size', size); }); $('#backgoundcolor').change(function(){ var bgc = $('#backgoundcolor').val(); $('p').css('background', bgc); }); $('#fontcolor').change(function(){ var fontcolor = $('#fontcolor').val(); $('p').css('color', fontcolor); }); }); </script>