【锋利的Jquery】读书笔记五
生活随笔
收集整理的这篇文章主要介绍了
【锋利的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});}})
转载于:https://www.cnblogs.com/h5monkey/p/6177986.html
总结
以上是生活随笔为你收集整理的【锋利的Jquery】读书笔记五的全部内容，希望文章能够帮你解决所遇到的问题。
- 上一篇： CentOS 7下安装Logstash
- 下一篇： ant 安装及基础教程 ！