关于html中Div的问题

最近我们老师给了我们一个网页，这个网页的知识点主要是应用到jquery的内容。对于

key=UserName
中的key是什么意思，这个key是干嘛用的，本人一直无法理解（初学者），希望论坛里的牛人帮忙解释下，谢谢了。元网页的内容如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



JQuery-Selectors-Basic
<br> body<br> {<br> font-size: 12px;<br> }<br> .selectedElement<br> {<br> border:2px solid red;<br> }<br> .block<br> {<br> width:300px;<br> height:40px;<br> background-color:#ccc;<br> color:Blue;<br> margin:4px;<br> }<br>
<script src="../jquery.min.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript">
    function Selector(type) {
        $("div").removeClass("selectedElement");
        switch (type) {
            case 1:
                $("div[key]").addClass("selectedElement"); 
                break;
            case 2:
                $("div[key='SchoolName']").addClass("selectedElement");
                break;
            case 3:
                $("div[key!='SchoolName']").addClass("selectedElement");
                break;
            case 4:
                $("div[key^='User']").addClass("selectedElement");
                break;
            case 5:
                $("div[key$='Name']").addClass("selectedElement");
                break;
            case 6:
                $("div[key*='s']").addClass("selectedElement");
                break;
            case 7:
                $("div[key='SchoolName'][otherKey='otherName']").addClass("selectedElement");
                break;

        }
    }
</script>



    <input id="Button1" type="button" value="查找所有含有 key 属性的 div 元素" onclick="Selector(1)" />
    <input id="Button3" type="button" value="查找所有key 属性值是SchoolName div 元素" onclick="Selector(2)" />
    <input id="Button2" type="button" value="查找所有key 属性值不是SchoolName div 元素" onclick="Selector(3)" />
    <input id="Button4" type="button" value="查找所有key 属性值以User开头的 div 元素" onclick="Selector(4)" />
    <input id="Button5" type="button" value="查找所有key 属性值以Name结尾的 div 元素" onclick="Selector(5)" />
    <input id="Button6" type="button" value="查找所有key 属性值包含S的 div 元素" onclick="Selector(6)" />
    <input id="Button7" type="button" value="查找所有key 属性值是SchoolName且otherKey属性值是otherName的 div 元素" onclick="Selector(7)" />




    <div  class="block" key="UserName">key=UserName</div>
    <div class="block" key="UserSex">key=UserSex</div>
    <div class="block" key="UserAddress">key=UserAddress</div>
    <div class="block" key="Password">key=Password</div>
    <div class="block" key="SchoolName">key=SchoolName</div>
    <div class="block" key="SchoolName" otherKey="otherName">key=SchoolName,otherKey=otherName</div>


key在div元素中应该是自定义属性，没有用id的原因可能是id是唯一的，而其中有一个

key=SchoolName,otherKey=otherName
相当有两个key，jQuery就通过不同的key属性寻找不同的value值！

个人理解
key是提供给jqeury查找用的
比如 $("div[key='SchoolName']")) 是查找具有 "key" 属性 并且值是 "SchoolName" 的div元素