Code for changing color and background implemented by jquery change(fontsize,background) supplement 2_jquery

change(fn)
Bind a handler function to the change event of each matching element. The
change event is triggered when an element loses focus, and also when its value changes after gaining focus.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Pride</title> <style> p{line-height:23px;margin:0;padding:0;} </style> <h4> </h4> <h4 id="change-fn">change(fn)</h4> <h4 id="Bind-a-handler-function-to-the-change-event-of-each-matching-element">Bind a handler function to the change event of each matching element. </h4> The <div id="c-obj">change event is triggered when an element loses focus, and also when its value changes after gaining focus. <label for="font-size"> </label> <select name="" id="font-size">Font size<option value="12px"> </option> <option value="14px">Small size</option> <option value="16px">Smaller</option> <option value="18px">Medium</option> <option value="24px">Larger</option> </select>Large<label for="background"> </label> <select name="" id="background">Background Color<option value="#F4FBFF"> </option> <option value="gray">Default</option> <option value="red">Light gray</option> <option value="green">Red</option> <option value="yellow">Green</option> </select>Bright yellow<label for="color"> </label> <select id="color">Font color<option value="#000"> </option> <option value="#f00">Black</option> <option value="#060">Red</option> <option value="#00f">Green</option> <option value="#600">Blue</option> </select>Brown<label> </label> </div> <h4> </h4> <p>Spring River Flower Moonlight Night</p> <p>The spring river tide reaches the sea level, and the bright moon rises on the sea. The twinkling waves follow the waves for thousands of miles, but there is no moon on the spring river anywhere. </p> <p>The river flows around Fangdian, and the moonlight shines on the flowers and forests like snowflakes. Frost is flying in the sky unknowingly, and the white sand on the pavilion cannot be seen. </p> <p>The river and sky are completely dust-free, and there is only a solitary moon in the bright sky. Who by the river saw the moon for the first time? When did Jiang Yue shine on people? </p> <p>Life is endless from generation to generation, but the river and the moon are only the same every year. I don’t know who Jiang Yue is waiting for, but I see the Yangtze River sending water. </p> <p>The white clouds are disappearing, and the Qingfeng Pu is full of sorrow. Whose family is cheating tonight? Where do I miss Mingyue Tower? </p> <p>The poor moon is wandering upstairs, it should be shining away from the makeup mirror. The jade door curtain cannot be rolled away, and it comes back when the clothes are smashed and brushed on the anvil. </p> <p>At this moment, we look at each other but don’t hear each other. I hope the moonlight will shine on you. The wild geese fly long and fast, and the fish and dragon dive into the water. </p> <p>Last night I dreamed of falling flowers in the pond, and it was pity that I didn’t return home in the middle of spring. The spring water in the river is gone, and the moon has set in the west again. </p> The slanting moon hides the sea fog, and the road to Jieshi and Xiaoxiang is endless. I don’t know how many people are returning by the moon. The falling moon shakes the trees all over the river with love.
[Ctrl A Select all Note:

If you need to introduce external Js, you need to refresh to execute
]Jquery change( fontsize,background) code to change color and background<script> $(function(){ $('#c-obj select').change(function(){ alert($(this).attr('id') + ': ' + $(this).val()); $('p').css($(this).attr('id'), $(this).val()); //select的ID和要设置的CSS属性值必须保持一致 }); }); </script>