<div class="codetitle"> <span><a style="CURSOR: pointer" data="55474" class="copybut" id="copybut55474" onclick="doCopy('code55474')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code55474"> <br> <br> <br> <br><title></title> <br><style type="text/css"> <BR>.imgclass <BR>{ <BR>height:200px; <BR>width:200px; <BR>} <BR>.imgclass1 <BR>{ <BR>width:210px; height:210px; <BR>} <BR>table tr td <BR>{ <BR>width:250px; height:250px; <BR>} <BR></style> <br><script src="jquery-1.9.1.js" type="text/javascript"></script> <br><script type="text/javascript"> <BR>$(function () { <BR>$('#Button1').click(function () { <BR>// 获取的是所有类型(tagname)为img的元素 <BR>// $('img').show(3000); <BR>// $('img').hide(3000); <BR>// //获取的是所有class属性的值为“imgclass”的元素 <BR>// $('.imgclass').hide(3000); <BR>// $('.imgclass').show(3000); <BR>// $("#img1, #img2, #Button1").hide(2000); <BR>// $("#img1, #img2, #Button1").show(2000); //一定是将所有id用一对''括起来，而不能每个id分别用引号括起来 <BR>// //多个选择器既可以是id，也可以是id，tagname和classname的混合体 <BR>// $("#img1, #img2, input").hide(2000); <BR>// $("#img1, #img2, input").show(2000); <BR>//改变图片样式 <BR>$('#Button2').click(function () { <BR>// $('#img2').removeClass();//删除Id为img2的class样式 <BR>$('#img2').addClass('imgclass1');//然后再添加一个样式，再次点击按钮操作图片时，由于此图片的样式已改，所以不发生变化 <BR>}) <BR>}) <BR>}) <BR></script> <br> <br> <br><table> <br><tr> <td><img alt="" id="img1" src="images/1.jpg" class="imgclass"></td> <td><img alt="" id="img2" src="images/2.jpg" class="imgclass"></td> </tr> <br><tr> <td><img alt="" id="img3" src="images/3.jpg" class="imgclass"></td> <td><img alt="" id="img4" src="images/4.jpg" class="imgclass"></td> </tr> <br><tr> <td></td> <td> <br><input id="Button1" type="button" value="点我啊"> </td> </tr> <br><tr> <td></td> <td> <input id="Button2" type="button" value="改变控件样式"> </td> </tr> <br> </table> <br> <br> <br> </div>
