一: 运用之前博客中提到的基础知识, 然后具体操作在注释里了, 比较简单直接上代码
html:
border="1px solid red" cellspacing="0px" id="tbl" align="center" style="text-align: center;">
姓名
- style="color: red;">
- *
- type="text" name="userName" id="userName" onfocus="of('userName')" onblur="ob()" required="required" />
- id="userNameSpan" style="color: gray; display: none;">
年龄
- style="color: red;">
- *
- type="text" name="age" id="age" onfocus="of('age')" onblur="ob()" required="required" />
- id="ageSpan" style="color: gray; display: none;">
账号
- style="color: red;">
- *
- type="text" name="userNumber" id="userNumber" />
- id="userNumberSpan">
密码
- style="color: red;">
- *
- type="password" name="password" id="password" />
- id="passwordSpan">
再次输入密码
- style="color: red;">
- *
- type="password" name="repassword" id="repassword" />
- id="repasswordSpan">
- colspan="2">
- type="button" value="点我换色" id="changeColor" />
jQ 代码:
- $(function(){
- $("#changeColor").click(function(){
- // 一般采用美工写的 CSS 代码, 先 link 然后用 addclass 方法调用
- $("tbody tr:even").CSS("backgroundColor","gold");
- $("tbody tr:odd").CSS("backgroundColor","pink");
- })
- })
来源: http://www.bubuko.com/infodetail-3123822.html