返回
首页
业界
电商
创业
访谈
手机
移动
报告
运营
建站
互联网+
系统
教程
搜索

JQuery 学习笔记 选择器之六

2020-05-24 21:30:28易采站长站整理


<!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″);

相关文章 大家在看