jQuery学习记录1

今天写了第一个用到jQuery的小程序，熟悉了下用法，功能是点击展开再点击关闭。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jQuery.js"> </script>
<script>
$(document).ready(function(){
    var $checkbox=$("input:eq(1)");
    var $lable=$("label[for=cr2]");
    $("span").click(function(){
        if($checkbox.is(":visible"))
        {
            $checkbox.hide();
            $lable.hide();
            $("span").text("222");
            }
        else
        {
            $lable.show();
            $checkbox.show();
            $("span").text("111");}
    })
})
</script>
</head>
<body>
<input type="checkbox" id="cr1" /><label for="cr1">xxxxx</label>
<input type="checkbox" id="cr2" /><label for="cr2">yyyyy</label>
<input type="checkbox" id="cr3" /><label for="cr3">zzzzz</label>
</br>
<span>111</span>
</body>

 

posted @ 2013-11-04 21:27  火火加油  阅读(138)  评论(0)  编辑  收藏  举报