【锋利的Jquery】读书笔记五

jquery表单 表格操作

表单从基本的得到和失去焦点表单验证

<script type="text/javascript">
               $(function(){
                   $("form :input.required").each(function(){
                       var str = $('<strong class="high">*</strong>');
                       $(this).parent().append(str);
                   })
                       $("form :input").blur(function(){
                            $(this).parent().find("span").remove();
                           if($(this).is("#username"))
                           {
                               alert("用户名")
                           }
                           if($(this).is("#email"))
                           {
                               alert("邮箱")
                              $(this).parent().append("<span class='formtips onSuccess'>这个错了</span>");
                           }
                       })
               })
        </script>
        
    </head>
    <body>
        <form method="post" action="">
    <div class="int">
        <label for="username">用户名:</label>
        <input type="text" id="username" class="required" />
    </div>
    <div class="int">
        <label for="email">邮箱:</label>
        <input type="text" id="email" class="required" />
    </div>
    <div class="int">
        <label for="personinfo">个人资料:</label>
        <input type="text" id="personinfo" />
    </div>
    <div class="sub">
        <input type="submit" value="提交" id="send"/><input type="reset" id="res"/>
    </div>
</form>
    </body>

表单最基本的筛选表格内容

 

选项卡

网页皮肤切换及cookie插件保存

 $(function(){
                 var $li = $("#skin li");
                 $li.click(function(){
                     $("#"+this.id).addClass("selected").siblings().removeClass("selected");
                     $("#cssfile").attr("href","css/"+this.id+".css");
                     $.cookie("myskin",this.id,{path:'/',expires:10});
                 })
                 var cookie_skin =$.cookie("myskin");
                 if(cookie_skin){
                     $("#"+cookie_skin).addClass("selected").siblings().removeClass("selected");
                     $("#cssfile").attr("href","css/"+cookie_skin+".css");
                     $.cookie("myskin",cookie_skin,{path:'/',expires:10});
                 }
             })

 

posted @ 2016-12-14 10:01  h5monkey  阅读(265)  评论(0)  编辑  收藏  举报