【锋利的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】读书笔记五相关推荐

锋利的jQuery--编写jQuery插件(读书笔记五)[完结篇]
1.表单验证插件Validation 2.表单插件Form 3.动态事件绑定插件livequery 可以为后来的元素绑定事件类似于jQuery中的live()方法 4.jQuer ...
读书笔记——五妹妹的女儿房
最近重读了小说月报2005年第2期原创版上的<五妹妹的女儿房>,作为小说强烈推荐. 当时读完小说时有最初在小说月报上看到<贫嘴张大民的幸福生活>和<天下无贼>的感觉 ...
MDX Step by Step 读书笔记(五) - Working with Expressions (MDX 表达式)
1. 大多数表达式会返回数值类型的值,但是也能返回例如字符串,时间,布尔或者其它类型的值. 2. 一般表达式的结果都是几个值通过操作符运算后得到的,下列表格中显示了对比,逻辑的,数值的,字符串以及集合 ...
JQuery读书笔记--JQuery-Form中的AjaxForm和AjaxSubmit的区别
JQuery中的AjaxForm和AjaxSubmit使用差不多功能也差不多.很容易误解. 按照作者的解释: AjaxForm ajaxForm不能提交表单.在document的ready函数中,使用 ...
锋利的JQuery学习笔记01
1. JQuery的链式操作风格 <script type="text/javascript"> //等待dom元素加载完毕. $(document).ready(fu ...
锋利的jQuery学习笔记（4）-DOM操作
1. DOM操作的分类: DOM Core:JavaScript中的getElementByID,getElementByTagName,getAttribute,setAttribute等方法都是其 ...
《锋利的jQuery》笔记第1章认识jQuery
jQuery是支持链式操作的,现在我们用jQuery来实现一个导航栏: ./css/default.css: /* reset */ body{margin:0;padding:0 0 12px 0; ...
jQuery读书笔记二 jQuery中的事件与应用
1.实践中的冒泡现象: <style type="text/css">body{font-size:13px} .clsShow{border:#ccc 1px sol ...
计算机网络读书笔记(五)
链路层我们将看到两种截然不同的链路层信道,第一种类型是广播信道,这种信道用于连接有线局域网.卫星网和混合光纤同轴电缆接入网中的多台主机.第二种类型的链路层信道是点对点通信链路,这一般应用在长距离链路 ...

【锋利的Jquery】读书笔记五

jquery表单表格操作

【锋利的Jquery】读书笔记五相关推荐

最新文章

热门文章

【锋利的Jquery】读书笔记五

jquery表单 表格操作

【锋利的Jquery】读书笔记五相关推荐

最新文章

热门文章

jquery表单表格操作