JQuery 学习笔记 选择器之五

2020-05-19 07:35:15易采站长站整理


<!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(){
            $(“#aFirst”).click(function(){
                    $(“div[id]”).each(function(){
                        $(this).css(“background”,”#773300″);
                    })
            })
            $(“#aSecond”).click(function(){
                    $(“div[id = div2]”).each(function(){
                         $(this).css(“background”,”#8833ff”);
                    })
            })
            $(“#aThird”).click(function(){
                    $(“div[id != div2]”).each(function(){
                         $(this).css(“background”,”#87f289″);
                    })
            })
            $(“#aFourthly”).click(function(){
                    $(“div[name ^= DIV]”).each(function(){
                         $(this).css(“background”,”#140586″);