夏日博客

jquery 动态添加表单一些例子

jquery 动态添加表单一些例子
jquery需要增加html元素我们只要使用append()函数就可以了，如果是js还有一些其实的办法了，下面来给各位介绍一下,append()方法:在被选元素的结尾（但仍在元素内部）插入指定的内容。 语法：$(selector).append(content); 其中，参数content是必需的，指定要附加的内容 最终有下面动态添加表单实例: var htmlstr = '<input type="text" name="srjobnum[]" size="20"...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery 邮箱正则表达式(输入邮件地址自动验证)

jquery 邮箱正则表达式(输入邮件地址自动验证)
邮箱正则这个与jquery是没有判断了我们只主要是使用了jquery的些写法来实现我们要的结果了，个例子是当用户输入邮件地址完成离开input输入框时会自动告诉你邮件地址是否适合规则。 jquery,代码如下: <p><input type="text" name="email" id="email" value="邮箱" onblur="if(this.value == '') this.value = '邮箱';" onfocus="if(thi...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

Ajax页面缓存问题分析与解决办法

Ajax页面缓存问题分析与解决办法
Ajax页面缓存是ajax处理数据时对一些重复相同数据进行一个缓存操作，这样从另一个层面对于我们来讲是非常的不错了，但有时我们并不希望它缓存要如何处理呢？下面我们一起来看看关于页面缓存问题分析与解决，希望例子对各位会带来帮助。 一、什么是Ajax缓存原理？ Ajax在发送的数据成功后，会把请求的URL和返回的响应结果保存在缓存内，当下一次调用Ajax发送相同的请求时，它会直接从缓存中把数据取出来，这...
2016年01月07日 前端设计 暂无评论 喜欢 1 阅读 0 views 次 阅读全文

asp.net中uploadify文件上传组件的使用

asp.net中uploadify文件上传组件的使用
本文章来介绍组件uploadify文件上传组件的使用,这里结合了asp.net与uploadify文件上传组件实现文件上传实例，当然uploadify文件上传组件可用于php,jsp,asp,java等。 这个控件有很多参数控制，以及事件的处理响应，相对来说也比较好用。参数控制可以控制上传文件多选、文件类型、文件大小、文件数量、检查文件是否存在，以及一些按钮参数的控制，如文字、高度、宽度等，对提交文件成功与否、完成操作、取消...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

动态改变html表单的Target的jquery代码

动态改变html表单的Target的jquery代码
“页面中有一个form，有些个submit按钮或者链接按钮需要点击后打开新页面。我们如何让这些个按钮将表单信息提交到正确的对应页面？”这个问题看上去很简单。 熟悉asp教程.net开发的都应该很清楚，通过asp.net教程 webform，我们可以对runat=”server”的form进行属性设置： <form method="post" action="default.aspx" id="form1">   如你所知，method属性是http数据传输...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

真正节省带宽的lazyload图片延迟加载

真正节省带宽的lazyload图片延迟加载
昨天我在用jquery lazyload 那种是网站很流行的图片加载方法，但那种只是先把图片加载，再遍历把图片src给替换了，再把用户可视区别加载进来，如果这样我觉得就没必要了，今天自己改写了一个能真正实现图片延迟或节省流量的做法，代码如下。 <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transiti...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery 动态添加与统计 实现代码

jQuery 动态添加与统计 实现代码
jquery 动态添加与统计 实现代码 (一)创建克隆单元格对象并添加到表格中 var v=$("#tbin");//得到表格的jquery对象          //所有的数据行有一个.myrow的class,得到数据行的大小   var vcount=$("#tbin tr").filter(".myrow").size()+1;//表格有多少个数据行    var vtr=$("#tbin #trdatarow1");&nb...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery代码优化详解

jquery代码优化详解
仅仅是想在jquery的各个实现的层面上来进行优化，只涉及到了对jquery整个运行过程的分析、细节介绍和优化方向，并没有提到一些基本之基本的优化方法，比如： 先将整个table从dom树中移除，完成所有的操作之后再放回dom，减少repaint。 将mouseo教程ver和mouseout改为mouseenter和mouseleave，减少因为下正确的事件冒泡模型导致的重复的事件函数的执行。 对于th、td之类单纯元素的选择，优先考虑使用原生...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery防淘宝网图片动态加载代码

jquery防淘宝网图片动态加载代码
首先调用jquery库文件，还有jquery.scrollloading.js，您可以直接在页面的某处添上如下的代码： <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>      <script type="text/javascript" src="/js/mini/jquery.scrollloading-min.js"></script>   此插件...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery select操作代码

jquery select操作代码
这里包括jquery获取 select项的个数,索引,前选中项的文本 选中项的值 text的第一项被选中 删除select中选定的项 等操作。 //得到select项的个数    jquery.fn.size = function(){    return jquery(this).get(0).options.length;    }   //获得选中项的索引    jquery.fn.getselectedindex = functio...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery返回顶部实现方法

jquery返回顶部实现方法
本文章主要讲关于jquery返回顶部实现方法，下面看代码吧。 html 代码如下: <div class="scroll"></div>    <script type="text/javascript" src="../skins/css/jquery.js" charset="utf-8"></script>    <script type="text/javascript" src="../skins/css/top.js" charset="utf-8"></script>&n...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery入门-$.each 数组操作与表单操作代码

jquery入门-$.each 数组操作与表单操作代码
对于radio、checkbox、select的赋值操作,代码如下: $("input[name=a]").val(["娱乐1"]);    $("input[type=checkbox]").val(["篮球", "游戏"]);    $("select").val(["篮球", "游戏"]);   代码分析: 对radio赋值，属性选择器获取radio； 对checkbox赋值，属性选择器获取checkbox,赋值用中括号[],如果是多个值的话中间用逗号隔开； 对select赋值,...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

同时调用prototype与jquery冲突解决方法

同时调用prototype与jquery冲突解决方法
在开发应用中会经常碰到要同时调用prototype与jquery，但它们又会存在冲突，下面我们来看关于冲突解决方法 方法如下： 1、将jquery.js放到prototype.js后面（这个是必须的否则无论如何还是要罢工地）。 2、在jquery.js后面将$变量重命名。 代码: <script type="text/javascript" type="text/javascript" src="window.js"></script>   <!--上面这个window.js调...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery 获取radio属性值方法

jquery 获取radio属性值方法
核心代码: $('div.child :radio:checked',$(this).parents('div')).val() 有专门的选择器:first可以选中第一个，也可以通过$().eq(1)选中第一个,jquery功能强大,而且选择同一元素可以使用若干种选择方式. 对于radio的选中，虽然不直接支持，但是也有两个方式。 $(radio).attr("selected",true); 或$(radio).click(function(){}); 下面看实例 <div>        &...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

关于Dialog无法提交解决方法(jQuery UI)

关于Dialog无法提交解决方法(jQuery UI)
不知jquery ui的dialog这样设计是一项功能还是一个bug。为了在dialog内实现正常的页面提交，根据上述分析，我找到一个简单的解决办法——在 jquery ui控件的“open”事件处理程序中将dialog控件动态生成的html元素移到form元素内，代码如下： 使用代码: $("#dialog").parent().appendto("/html/body/form[0]");      //或者      $("#dlg").dialog({  &...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文