jQuery技术

【jquery入门】学习01(4)

字号+ 作者:H5之家 来源:H5之家 2016-08-22 15:01 我要评论( )

5)css("color","red"):设置前景色,即字体色 tabletrth用户名/thth密码/th/trtrtd张三/tdtd123456/td/trtrtd李四/tdtd654321/td/trtrtd王五/tdtd162534/td/tr/table script type="text/javascript"$("table tr:fi

5)css("color","red"):设置前景色,即字体色

<table> <tr> <th>用户名</th> <th>密码</th> </tr> <tr> <td>张三</td> <td>123456</td> </tr> <tr> <td>李四</td> <td>654321</td> </tr> <tr> <td>王五</td> <td>162534</td> </tr> </table> <script type="text/javascript"> $("table tr:first").css("background-color","pink"); $("table tr:gt(0):odd").css("background-color","yellow"); $("table tr:gt(0):even").css("background-color","blue"); </script> 6)addClass("样式名")
7)attr("checked","checked")
8)each(函数)
9)click(函数)
<input type="checkbox" value="篮球"/>篮球 <input type="checkbox" value="排球"/>排球 <input type="checkbox" value="羽毛球"/>羽毛球 <input type="checkbox" value="乒乓球"/>乒乓球 <input type="button" value="选中的个数"/> <input type="button" value="迭代显示选中的value"/> <script type="text/javascript"> $(":button:first").click(function(){ alert($(":checkbox:checked").size()) }); $(":button:last").click(function(){ $(":checkbox:checked").each(function(){ alert($(this).val()); }); }); </script>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery基础 (一)

    jQuery基础 (一)

    2016-08-22 16:01

  • jQuery回调函数

    jQuery回调函数

    2016-08-20 17:02

  • jQuery插件学习教程之SlidesJs轮播+Validation验证

    jQuery插件学习教程之SlidesJs轮播+Validation验证

    2016-08-20 16:07

  • jQuery基础 (二)DOM篇

    jQuery基础 (二)DOM篇

    2016-08-17 12:04

网友点评