jquery | 夏日博客

jQuery实现文本域中按回车加换行

我们测试过在文本框中如果我们不进行一些设置在文本框中是无法进行排版的哦，如果我们有回车，但是提交之后就没有了，这样需要进行一些简单的处理哦，下面来看一个基于前端js做法。例子代码如下: <script type="text/javascript"> jQuery(function () { jQuery('.content textarea').keyup(function (e){ if(e.keyCo...

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

jquery guide插件实现页面引导提示用户操作

guide页面引导插件可以帮助我们实现像新用户注册之后进入到会员中心界面有一个页面引导指示页面了，下面我来给大家介绍这个插件，不过大家要注意一点在此我们提供jquery与guide js文件哦，大家可官方下载。适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. jquery guide插件实现页面引导提示用户操作,js页面代码如下: <!DOCTYPE html PUBLIC "-//W3C//...

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

jquery的事件命名空间简单介绍

下面本文章就为各位总结一些关于jquery的事件命名空间的一些细节，希望本文章能对各位理解事件命名空间带来帮助哦。在多人协作的前端开发中，或许会遇到一个问题：几个开发人员都给一个元素添加了同样的事件，但是又有开发人员想要解除掉元素身上的某个事件效果，这时候操作起来就有些麻烦，需要用到jquery给我们提供的事件命名空间。说的有点抽象，举个例子先：比如有一个开发人员写到下面这样的代码： ...

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

jquery中事件委派代码分析

jquery中事件委派我们会使用到delegate与live方法了，下面我就以delegate与live方法为例子给各位分析一下jquery 事件委派的例子吧，希望例子能帮助到各位朋友。什么是jquery中的事件委派？在jquery中有一个很重要的概念——事件委派，相信很多搞前端开发的人都听说过，零度逍遥本来对此不是十分理解，但经过一个高人的指点后，才发现这个功能还是蛮强大的，今天就给大家分享一下。事件委派的定义就是，把...

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

jquery操作checkbox的方法代码

html前段开发中jquery操作checkbox是我们常用到的一些常用功能了下面我整理一下关于jquery操作checkbox的一些常用的代码，希望能帮助到各位同学吧。表单在前端开发中是经常会遇到的，其中自然也少不了checkbox复选框，对于复选框的操作无外乎有以下三种：全选，全不选，反选。下面零度逍遥就给大家分析分析。一、checkbox全选大家都知道选择checkbox的方式是给它加上属性checked:’checked’,所以用jquery...

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

php jquery ajax注册与登录退出例子

利用ajax注册或登录是非常的简单的个事情了，我们经常会碰到此类问题了，下面小编就来为各位介绍一下操作步骤吧。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> ...

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

jquery遍历页面同ID元素的例子

jquery遍历页面同ID元素的例子非常的简单自己测试过的没怎么很大的作用了，希望例子能帮助到各位同学哦。代码如下: <script language="javascript" src="js/jquery-1.7.2.min.js"></script> <script language="javascript"> $(document).ready(function(){ $("[id=test]").each(function(){ &nbs...

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

jQuery circliful插件实现圆形统计图（百分比）

circliful插件是一个基于jquery一个不错的圆形统计图（百分比）的插件了，我们如果要做到数据走向我们就可以使用circliful插件来实现了，下面一起来看一个例子,今天我给大家介绍一款圆形统计图circliful，它基于HTML5的画布和jQuery，无需使用图像轻松实现圆形统计图，而且有很多属性设置，使用起来非常方便。如何使用circliful将jquery库文件和jquery.circliful.min.js引入到页面中,代码如下: <scr...

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

基于jQuery导航栏顶部跟随特效代码

顶部跟随效果就是我们现在很多网站导航菜单会使用到的一些功能了，下面夏日博客小编来为大家介绍一下此问题的解决办法，希望例子能帮助到各位同学哦。用jQ实现很简单哒,我这里有一个方法. 第一步、先在head标签里引用jQuery，已经引用了的就不用重复啦 <script type="text/javascript" src="http://libs.baidu.com/jquery/1.8.0/jquery.js" /> 第二步、然后修改导航...

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

jquery实现iframe高度自适应代码

在前端中我们时常会碰到关于高度自适应这个问题，今天看到有一个站长分享了一段代码，可实现任何页面高度自适应哦，并且兼容性好而是代码简洁了，下面给大家列举一下。废话不多说，直接上代码。一、父窗口代码,代码如下: <iframe id="_case" src="case.html" width="300" height="0" frameborder="0" scrolling="no" ></iframe> 二、子...

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

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