JQuery 学习笔记选择器之六

2024-05-06 14:14:41

字体：大中小

来源：转载

供稿：网友

代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="js/jquery-1.3.2.js"></script>
<script type="text/javascript"><!--
    $(function(){
            $("#aNth1").click(function(){
                    $("#ul1 li:nth-child(even)").each(function(){
                        $(this).css("background","#773300");
                    })
            })
            $("#aNth2").click(function(){
                    $("#ul1 li:nth-child(2n+1)").each(function(){
                        $(this).css("background","#ff3434");
                    })
            })
            $("#aFirst").click(function(){
                    $("#ul1 li:first-child").each(function(){
                        $(this).css("background","#223344");
                    })
            })
            $("#aLast").click(function(){
                    $("#ul1 li:last-child").each(function(){
                        $(this).css("background","#99ff88");
                    })
            })

上一篇：javascript 表单规则集合对象

下一篇：javascript ImgBox透明遮罩层背景图片展示