[color=red]有不对的地方和走偏的地方,希望大家指点哈~~谢啦~~[/color]
[color=olive]
记录学习jquery的点点滴滴~~~~[/color]
[color=blue]
第一天:(参考15天学会jquery)[/color]
[color=indigo]1、 使用jquery要引入jar包;使用什么插件,引入什么jar。
2、 可以使用$(document).ready(function(){。。。 }方法,里面可以写很多个js方法。
3、 eg:
[size=large]html:
<table class="stripe_tb" >
<tr>
<th>姓名</th>
</tr>
</table>
css:
<style type="text/css">
.stripe_tb th {
background:#B5CBE6;
}
.stripe_tb td {
padding:6px 101px;
}
.stripe_tb tr.alt td {//class名叫alt
background:#ecf6fc; /*这行将给所有偶数行加上背景色*/
}
//如果想让单击每一个单元格分别显示,则改成tr td.over在jquery调用时改成$(".stripe_tb tr td").mouseover(function(){
.stripe_tb tr.over td{//class名叫over
background:#000000; /*这个将是鼠标高亮行的背景色*/
}
js:
<script type="text/javascript">
$(document).ready(function(){
$(".stripe_tb tr").mouseover(function(){
//如果鼠标移到class为stripe_tb的表格的tr上时,执行函数
$(this).addClass("over");}).mouseout(function(){
//给这行添加class值为over,并且当鼠标移除该行时执行函数
$(this).removeClass("over");}) //移除该行的class
$(".stripe_tb tr:even").addClass("alt");
//给class为stripe_tb的表格的偶数行添加class值为alt
});
</script>[/color][/size]
[color=olive]
记录学习jquery的点点滴滴~~~~[/color]
[color=blue]
第一天:(参考15天学会jquery)[/color]
[color=indigo]1、 使用jquery要引入jar包;使用什么插件,引入什么jar。
2、 可以使用$(document).ready(function(){。。。 }方法,里面可以写很多个js方法。
3、 eg:
[size=large]html:
<table class="stripe_tb" >
<tr>
<th>姓名</th>
</tr>
</table>
css:
<style type="text/css">
.stripe_tb th {
background:#B5CBE6;
}
.stripe_tb td {
padding:6px 101px;
}
.stripe_tb tr.alt td {//class名叫alt
background:#ecf6fc; /*这行将给所有偶数行加上背景色*/
}
//如果想让单击每一个单元格分别显示,则改成tr td.over在jquery调用时改成$(".stripe_tb tr td").mouseover(function(){
.stripe_tb tr.over td{//class名叫over
background:#000000; /*这个将是鼠标高亮行的背景色*/
}
js:
<script type="text/javascript">
$(document).ready(function(){
$(".stripe_tb tr").mouseover(function(){
//如果鼠标移到class为stripe_tb的表格的tr上时,执行函数
$(this).addClass("over");}).mouseout(function(){
//给这行添加class值为over,并且当鼠标移除该行时执行函数
$(this).removeClass("over");}) //移除该行的class
$(".stripe_tb tr:even").addClass("alt");
//给class为stripe_tb的表格的偶数行添加class值为alt
});
</script>[/color][/size]