前端设计 | 夏日博客

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的些写法来实现我们要的结果了，个例子是当用户输入邮件地址完成离开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在发送的数据成功后，会把请求的URL和返回的响应结果保存在缓存内，当下一次调用Ajax发送相同的请求时，它会直接从缓存中把数据取出来，这...

2016年01月07日前端设计暂无评论喜欢 1 阅读 0 views 次阅读全文

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

本文章来介绍组件uploadify文件上传组件的使用,这里结合了asp.net与uploadify文件上传组件实现文件上传实例，当然uploadify文件上传组件可用于php,jsp,asp,java等。这个控件有很多参数控制，以及事件的处理响应，相对来说也比较好用。参数控制可以控制上传文件多选、文件类型、文件大小、文件数量、检查文件是否存在，以及一些按钮参数的控制，如文字、高度、宽度等，对提交文件成功与否、完成操作、取消...

2016年01月07日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

动态改变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图片延迟加载

昨天我在用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 动态添加与统计实现代码 (一)创建克隆单元格对象并添加到表格中 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整个运行过程的分析、细节介绍和优化方向，并没有提到一些基本之基本的优化方法，比如：先将整个table从dom树中移除，完成所有的操作之后再放回dom，减少repaint。将mouseo教程ver和mouseout改为mouseenter和mouseleave，减少因为下正确的事件冒泡模型导致的重复的事件函数的执行。对于th、td之类单纯元素的选择，优先考虑使用原生...

2016年01月07日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

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项的个数,索引,前选中项的文本选中项的值 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返回顶部实现方法，下面看代码吧。 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 数组操作与表单操作代码

对于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，但它们又会存在冲突，下面我们来看关于冲突解决方法方法如下： 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属性值方法

核心代码: $('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)

不知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 次阅读全文

js跳转代码一览

js 跳转在前端中应用得是比较广泛的，但凡稍微有点应用的网站，想必都会用到 js 跳转代码吧，当然除了前端应用之外，js 跳转在后台的应用也比较广泛的，比如当我们删除了一条新闻之后会重新跳转回来，再或者当我们添加完毕一条新闻之后，弹出一个添加成功的对话框，然后再重新跳转回来，好了，总之，js 跳转是不可缺少的，这也是我收藏得最多的代码之一了，下面夏日博客把几种不同的 js 跳转代码整理下来，...

2016年01月05日前端设计评论 2 条喜欢 0 阅读 0 views 次阅读全文

学习jquery报 is null错误的解决方法

最近在学习 jquery 插件库，因为在前端的应用中,jquery 可谓是太流行了，大有淘汰 javascript 的趋势，但实际 jquery 也是由 javascrip 组成的，只不过是更复杂化了而已，而且网站所流行的前端效果基本都能找到相应的素材，直接把 js 效果给替换掉了，看看网页前端的技术更新换代的多快。好了，啰嗦了一阵，看看今天遇到的问题，在看了视频教程之后，就手动的写了一些简单的 jquery 效果代码，但在 ie 等...

2016年01月04日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

iframe属性常用方法

iframe 框架结构式的网页现在已经很少见了，因为最大的缺点就是不利于SEO的优化，但依然在一些网页应用中使用较广泛，比如我们的后台是一定要使用 iframe 的，点击左侧或者上方的导航按钮，下面直接变化显示相关内容，这样最大的优点就是不用刷新整个后台框架以达到我们想要的视觉效果，还有在一些网页前端，有一些特殊的功能也有可能要用到 iframe 这种框架，因为这种相对于其它新型的 ajax 等技术，还是...

2016年01月04日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

Adobe CS6序列号大全与破解方法

Adobe 大名鼎鼎的图形化软件公司，其旗下的软件是我们做设计必不可缺少的，其中有 ps，Illustrator，Indesign 等，这些都是在我们初学平面设计时必须要接触到的软件，我是学习网页设计专业的，后来网页三剑客也并入到 Adobe 阵列了，其中，Dreamweaver，Fireworks，Flash 等都已经属于 Adobe 公司了，目前都是 CS 的版本了，网页三剑客的界面更倾向于 Adobe 了，目前 Adobe 下面的图形化软件最新版基本上都...

2016年01月03日前端设计评论 46 条喜欢 22 阅读 0 views 次阅读全文

夏日博客

夏日博客

喜欢夏日里自由自在清爽自然的感觉,夏日工作室!

jquery 动态添加表单一些例子

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

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

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

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

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

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

jquery代码优化详解

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

jquery select操作代码

jquery返回顶部实现方法

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

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

jquery 获取radio属性值方法

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

js跳转代码一览

学习jquery报 is null错误的解决方法

iframe属性常用方法

推荐几个国外黄色网站在线欣赏

Adobe CS6序列号大全与破解方法