jquery2.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
  1. <html>
  2. <head>
  3. <script type="text/javascript" src="./js/jquery-1.6.4.min.js"></script>
  4. <style>
  5. </style>
  6. <script type="text/javascript">
  7. // //************************************
  8. // //使用变量
  9. // $(document).ready(function(){
  10. // var a=22;
  11. // var b=34;
  12. // var c=a*b;
  13. // $("#div1").text(a+"+"+b+"="+c);
  14. // });
  15. //
  16. // //************************************
  17. // //使用函数1
  18. // $(document).ready(function(){
  19. // add();
  20. // sub();
  21. // });
  22. //
  23. // function add(){
  24. // var a=1;
  25. // var b=2;
  26. // var c=a+b;
  27. // $("#div1").text(a+"+"+b+"="+c);
  28. // }
  29. //
  30. // function sub(){
  31. // var a=2;
  32. // var b=1;
  33. // var c=a-b;
  34. // $("#div2").text(a+"-"+b+"="+c);
  35. // }
  36. // //************************************
  37. // //使用判断1
  38. // $(document).ready(function(){
  39. // operate(123,456,"+","#div1");
  40. // operate(456,123,"-","#div2");
  41. // });
  42. //
  43. // function operate(a,b,operateAB,div) {
  44. // var c=a+b;
  45. // if (operateAB=="+"){
  46. // c=a+b;
  47. // }
  48. // else if (operateAB=="-"){
  49. // c=a-b;
  50. // }
  51. // $(div).text(a+operateAB+b+"="+c);
  52. // }
  53. // //************************************
  54. // //使用判断2
  55. // $(document).ready(function(){
  56. // operate(123,456,"+","#div1");
  57. // operate(456,123,"-","#div2");
  58. // operate(456,123,"*","#div3");
  59. // operate(456,123,"/","#div4");
  60. // });
  61. //
  62. // function operate(a,b,operateAB,div) {
  63. // var c=a+b;
  64. // switch (operateAB){
  65. // case "+":
  66. // c=a+b;
  67. // break;
  68. // case "-":
  69. // c=a-b;
  70. // break;
  71. // case "*":
  72. // c=a*b;
  73. // break;
  74. // case "/":
  75. // c=a/b;
  76. // break;
  77. // }
  78. //
  79. // $(div).text(a+operateAB+b+"="+c);
  80. // }
  81. // //************************************
  82. // //使用循环
  83. // $(document).ready(function(){
  84. // var sum=0;
  85. // for(var i=1;i<=100;i++){
  86. // sum=sum+i;
  87. // }
  88. //
  89. // $("#div1").text("sum="+sum);
  90. //
  91. // operate(1,100000000,"#div2")
  92. // });
  93. //
  94. // function operate(a,b,div) {
  95. // var sum=0;
  96. // for(var i=a;i<=b;i++){
  97. // //使用中断
  98. // if (i>100)
  99. // break;
  100. //
  101. // //使用单次跳过
  102. // if (i==50)
  103. // continue;
  104. //
  105. // sum=sum+i;
  106. //
  107. // }
  108. //
  109. // $(div).text("sum="+sum);
  110. // }
  111. //************************************
  112. //使用循环2
  113. $(document).ready(function(){
  114. run1("#div1");
  115. run2("#div2");
  116. run3("#div3");
  117. run4("#div4");
  118. });
  119. function run1(div) {
  120. var str="";
  121. for(var i=1;i<=10;i++){
  122. for(var j=1;j<=10;j++) {
  123. str = str + "*" ;
  124. }
  125. str = str+ "<br />";
  126. }
  127. $(div).html(str);
  128. }
  129. function run2(div) {
  130. var str="";
  131. for(var i=1;i<=10;i++){
  132. for(var j=1;j<=i;j++) {
  133. str = str + "*" ;
  134. }
  135. str = str+ "<br />";
  136. }
  137. $(div).html(str);
  138. }
  139. function run3(div) {
  140. var str="";
  141. for(var i=1;i<=19;i++){
  142. for(var j=1;j<=19;j++) {
  143. if (i<=10 && j<=i)
  144. str = str + "*" ;
  145. else if (i>10 && j>i)
  146. str = str + "*" ;
  147. }
  148. str = str+ "<br />";
  149. }
  150. $(div).html(str);
  151. }
  152. function run4(div) {
  153. var str="";
  154. for(var i=1;i<=11;i++){
  155. if (i<=6) {
  156. for(var k=1;k<=6-i;k++)
  157. str = str + "_";
  158. for(var j=1;j<=2*i-1;j++) {
  159. str = str + "*" ;
  160. }
  161. }
  162. if (i>6) {
  163. for(var k=6+1;k<=i;k++)
  164. str = str + "_";
  165. for(var j=1;j<=(23-2*i);j++) {
  166. str = str + "*" ;
  167. }
  168. }
  169. str = str+ "<br />";
  170. }
  171. $(div).html(str);
  172. }
  173. </script>
  174. </head>
  175. <body>
  176. <div id="div1"></div>
  177. <div id="div2"></div>
  178. <div id="div3"></div>
  179. <div id="div4"></div>
  180. </body>
  181. </html>