随笔分类 -  JQuery

Very Good
摘要:jQuery插件开发方式主要有三种: 1.通过$.extend()来扩展jQuery2.通过$.fn 向jQuery添加新的方法3.通过$.widget()应用jQuery UI的部件工厂方式创建 通常我们使用第二种方法来进行简单插件开发 a.先说说$.extend() a-1,demo.js (核 阅读全文
posted @ 2016-03-22 11:53 侠岚之弋痕夕 阅读(152) 评论(0) 推荐(0)
摘要:jquery方法 demo.js js方法 阅读全文
posted @ 2016-03-18 11:57 侠岚之弋痕夕 阅读(6488) 评论(0) 推荐(0)
摘要:一,传统的ajax方法 1,js代码 查看复制打印? $("#ajax").click(function(){ $.ajax({ type: "POST", url: "http://manual.51yip.com/test2.php", data: 'name=ajax', dataType:" 阅读全文
posted @ 2016-03-18 09:31 侠岚之弋痕夕 阅读(478) 评论(0) 推荐(0)
摘要:json对象,json字符串,不注意的话,很容易忽视混淆。例举几个容易混的情况 1,php将变量放到input框中,通过js去读取出来的是json字符串,要想使用就要将json字段串转成json对象 2,ajax返回json数据,如果请求没有设置dataType为json,这个时候得到也是json字 阅读全文
posted @ 2016-03-18 09:10 侠岚之弋痕夕 阅读(189) 评论(0) 推荐(0)
摘要:地址:http://www.helloweba.com/view-blog-265.html 示例:http://www.helloweba.com/demo/flexslider/   20160315 补充: http://www.sucaihuo.com/jquery/1/187/demo/ 阅读全文
posted @ 2016-03-15 16:16 侠岚之弋痕夕 阅读(173) 评论(0) 推荐(0)
摘要:网址:http://www.helloweba.com/view-blog-348.html 示例:http://www.helloweba.com/demo/2016/editable-select/ 已实用 来源:http://www.helloweba.com 阅读全文
posted @ 2016-03-09 16:37 侠岚之弋痕夕 阅读(329) 评论(0) 推荐(0)
摘要:1) 禁用鼠标右键单击 jQuery程序员可以使用此代码在网页上禁用鼠标右键点击。 $(document).ready(function() { //catch the right-click context menu $(document).bind("contextmenu",function( 阅读全文
posted @ 2016-03-01 14:04 侠岚之弋痕夕 阅读(157) 评论(0) 推荐(0)
摘要:1、漂亮的弹出层 artDialog http://aui.github.io/artDialog/ 2、弹出层 layer http://sentsin.com/jquery/layer/ 3.layer 弹出层补充 http://www.sucaihuo.com/js/716.html http 阅读全文
posted @ 2016-03-01 13:17 侠岚之弋痕夕 阅读(667) 评论(0) 推荐(0)
摘要:写页面事件的时候,有的时候需要用event.preventDefault取消原有的事件后进行重写,这个大家应该都知道。 那么怎么在取消默认事件后再恢复呢。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w 阅读全文
posted @ 2016-02-23 14:15 侠岚之弋痕夕 阅读(3815) 评论(0) 推荐(0)
摘要:1、HTML 5中验证码HTML代码如下: <div class="demo"> <h3>1、数字验证码</h3> <p>验证码:<input type="text" class="input" id="code_num" name="code_num" maxlength="4" /> <img 阅读全文
posted @ 2016-02-03 09:02 侠岚之弋痕夕 阅读(262) 评论(0) 推荐(0)
只有注册用户登录后才能阅读该文。
posted @ 2016-01-29 10:02 侠岚之弋痕夕 阅读(12) 评论(0) 推荐(0)
摘要:1、在元素内部追加内容 $("元素名").append(content) 2、在元素中的不同位置追加内容 $("元素名").appendTo(content) 3、在元素的开始位置追加内容 $("元素名").prepend(content) 4、在不同元素的开始位置追加元素 $("元素名").pre 阅读全文
posted @ 2016-01-29 09:57 侠岚之弋痕夕 阅读(214) 评论(0) 推荐(0)
摘要:wrap() 方法把每个被选元素放置在指定的 HTML 内容或元素中。jQuery 文档操作 - wrapAll() 方法wrapAll() 在指定的 HTML 内容或元素中放置所有被选的元素。jQuery 文档操作 - wrapInner() 方法wrapInner() 方法使用指定的 HTML ... 阅读全文
posted @ 2016-01-26 13:16 侠岚之弋痕夕 阅读(171) 评论(0) 推荐(0)
摘要:$(document).ready(function() { var $jq = jQuery.noConflict(); $jq('#id').show();}); 阅读全文
posted @ 2016-01-12 16:08 侠岚之弋痕夕 阅读(145) 评论(0) 推荐(0)
摘要:如果你的网页要使用大量开始不可见的(例如,悬停的)图像,那么可以预加载这些图像:$.preloadImages = function () { for (var i = 0; i ').attr('src', arguments[i]); }};$.preloadImages('img/hov... 阅读全文
posted @ 2016-01-12 16:06 侠岚之弋痕夕 阅读(153) 评论(0) 推荐(0)
摘要:$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });}); 阅读全文
posted @ 2016-01-12 16:03 侠岚之弋痕夕 阅读(102) 评论(0) 推荐(0)
摘要:有时候,你既不需要链接到某个特定的网页,也不想要重新加载页面——你可能希望链接做点别的事情,例如说触发一些其他脚本。这就要在阻止默认动作上做文章了:$('a.no-link').click(function (e) { e.preventDefault();}); 阅读全文
posted @ 2016-01-12 15:59 侠岚之弋痕夕 阅读(169) 评论(0) 推荐(0)
摘要:假设你希望当用户将鼠标悬停在可点击的元素上时,它会改变颜色。那么你可以在用户悬停的时候添加类到元素中,反之则删除类:$('.btn').hover(function () { $(this).addClass('hover');}, function () { $(this).removeCla... 阅读全文
posted @ 2016-01-12 15:57 侠岚之弋痕夕 阅读(107) 评论(0) 推荐(0)
摘要:通过使用jQuery中的animate和scrollTop方法,不用插件就可以创建一个滚动到顶部的简单动画 canvas-1 像马宫一样学习! 1 22 33 ... 阅读全文
posted @ 2016-01-12 15:45 侠岚之弋痕夕 阅读(161) 评论(0) 推荐(0)
摘要:$.post、$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()一、$.ajax的一般格式 $.ajax({ type: 'POST', url: url , data: data , success: success , dat... 阅读全文
posted @ 2016-01-12 15:05 侠岚之弋痕夕 阅读(277) 评论(0) 推荐(0)

Where is the starting point, we don't have a choice, but the destination where we can pursue!