JQuery
ForMyWebFrontSide
做过后端,管理过项目,管过人。在前端技术迅猛发展的这几年,猛然的发现前端工作才是自己的心头爱。目前是一个热爱并志向能从头设计、并实现优秀项目的,偏设计、视觉系方向的前端人或者独立项目者,也喜欢了解性能、优化方面、安全、部署、测试等一条龙的东西。平时愿意倒腾同一玩意的不同实现,有一定程度的代码洁癖,喜欢高质量,结构优秀的代码。一定程度的喜欢研究原理性的东西。对项目能大包大揽,但更喜欢能各尽所能,发挥最大优势,提高工作效率的分工合作。
展开
-
用JQuery写拖拽的简单实例
html>html>head lang="en"> meta charset="UTF-8"> title>title>head>style> #dv1 { background: red; width: 100px; height: 100px; position: absolute; }s原创 2015-11-13 00:27:41 · 1484 阅读 · 0 评论 -
jquery 插件编写例子5个
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><div> <a href="http://www.cnblog.com">cnblog</a> <a href="http://www.zhihu.com">zhihu</a>原创 2016-07-23 18:55:26 · 600 阅读 · 0 评论 -
jQuery.extend 函数详解
JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3…); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后,转载 2016-07-23 19:09:13 · 306 阅读 · 0 评论 -
(function($){….})(jQuery)
(function($){….})(jQuery) 初次看到这种写法时,一头雾水,不知所云。在网上查找了一些资料之后才有点明白。我们先看第一个括号里边的内容:function()….,这不就是一个匿名的函数吗?但是它的形参比较奇怪,是){….},这不就是一个匿名的函数吗?但是它的形参比较奇怪,是,这里主要是为了不与其它的库冲突。这样我们就比较容易理解第一个括号内的内容就是定义了一个匿名函数,我们在转载 2016-07-23 20:21:00 · 323 阅读 · 0 评论 -
jQuery中is()的用法
例子1:$("input[type='checkbox']").parent().is("form");结果:true;例子2: html:<ul> <li><strong>list</strong> item 1 - one strong tag</li> <li><strong>list</strong> item <strong>2</strong> - two <span>stro转载 2016-07-15 13:28:31 · 1035 阅读 · 0 评论 -
jQuery.each的function中有哪些参数
1、没有参数$("img").each(function(){ $(this).toggleClass("example");});2、有一个参数,这个参数为index$("img").each(function(i){ this.src = "test" + i + ".jpg"; });3、有两个参数,第一个参数为index,第二个参数为dom元素本身$("button").cli原创 2016-07-15 13:38:04 · 2226 阅读 · 0 评论 -
jquery不用for 或者 each ,用addClass给div添加有序号的属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div>1</div><div>2</div><div>3</div><div>4</div></body><script src="../../jquery-1.11.3.mi原创 2016-07-15 14:39:42 · 1209 阅读 · 0 评论 -
jQuery批量修改h1标签内容
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><h1>you are</h1><h1>you are</h1><h1>you are</h1><h1>you are</h1><h1>you are</h1></body><原创 2016-07-15 16:06:20 · 5793 阅读 · 0 评论 -
toggle()用法
$j('#g_AllItems .dropdn_label').toggle(function() { $j('#g_AllItems .dropdnContent').show(); }, function() { $j('#g_AllItems .dropdnContent').hide(); $j('#g_AllItems .dropdn原创 2016-07-18 13:26:57 · 1478 阅读 · 0 评论 -
拖拽效果集
1. http://www.17sucai.com/pins/15220.html转载 2016-03-16 17:45:18 · 417 阅读 · 0 评论 -
rightclick
$j.fn.extend({ "rightclick" : function(fn) { $j(this).live( 'mousedown', function(e, a) { if (e.which == 3 || a == 'right') {原创 2016-07-21 18:54:06 · 1277 阅读 · 0 评论 -
jquery插件教程
http://www.cnblogs.com/Wayou/p/jquery_plugin_tutorial.html转载 2016-03-28 23:34:22 · 438 阅读 · 0 评论 -
获取 jquery 版本号
<script src="../jquery-1.11.3.min.js"></script><script> console.log(jQuery.fn.jquery); console.log($.fn.jquery); console.log($.prototype.jquery);</script>原创 2016-08-08 16:23:49 · 4950 阅读 · 0 评论 -
jQuery源码学习之 noConflict
jquery源码截取noConflict: function( deep ) { if ( window.$ === jQuery ) { console.log('in1'); console.log(_$); window.$ = _$; }原创 2016-08-08 17:19:06 · 395 阅读 · 0 评论 -
jquery源码资料收集
http://jquery.miaov.com/原创 2016-08-08 18:12:32 · 497 阅读 · 0 评论 -
waterfall
http://www.cnblogs.com/2050/archive/2012/05/03/2480702.html原创 2016-08-11 17:34:43 · 660 阅读 · 0 评论 -
js的中文注释出现乱码,input val出现乱码
因为js的编码,不是UTF-8. 如果使用webstorm,在右下角有一个选项,默认为GBK,将它改为utf-8即可。原创 2016-10-07 17:31:52 · 1741 阅读 · 0 评论 -
防止不同js文件中方法重名的解决办法
通过给js文件添加“前缀”可以防止不同js文件里存在相同的js方法名,从而出错的问题。 示例: var A= { a: 0, b:{ title: { text: “” }, bg_colour: “#FFFFFF” }, methodA: function(msg) { i转载 2016-07-22 18:28:54 · 4431 阅读 · 0 评论 -
详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()
http://www.cnblogs.com/liuling/archive/2013/02/07/sdafsd.html一,$.get(url,[data],[callback])说明:url为请求地址,data为请求数据的列表(是可选的,也可以将要传的参数写在url里面),callback为请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,转载 2016-06-25 16:33:04 · 599 阅读 · 0 评论 -
拖拽
http://www.cnblogs.com/NNUF/archive/2012/04/02/2430132.html简单拖拽实现*{margin:0;padding:0;}#box{ margin:20px auto; position:relative; width:400px; height:400px; background:#ccc;转载 2016-05-15 23:26:50 · 389 阅读 · 0 评论 -
使用jquery获取父元素或父节点的方法
jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点,下面我们来一一讲解:先举个例子,1.ul class="parent1"> 2.li>a href="#" id="item1">jquery获取父节点a>li> 3.li>a href="#">jquery获取父元素a>l转载 2016-01-27 19:17:14 · 1942 阅读 · 0 评论 -
加载动画效果集
1.http://www.yyyweb.com/demo/page-loading-effects/index3.html转载 2016-02-22 23:46:53 · 412 阅读 · 0 评论 -
jQuery的each方法的几种常用的用法
jQuery的each方法的几种常用的用法Js代码var arr = [ “one”, “two”, “three”, “four”];$.each(arr, function(){alert(this);});//上面这个each输出的结果分别为:one,two,three,fourvar arr1 = [[1, 4, 3], [4, 6, 6], [7, 2转载 2016-02-18 20:07:09 · 552 阅读 · 0 评论 -
jQuery.extend和jQuery.fn.extend的区别
jQuery插件开发分为两种:1 类级别、2 对象级别1 类级别 类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法。 开发扩展其方法时使用$.extend方法,即jQuery.extend(object); 复制代码代码如下:$.extend({ add:function(a,b){return a+b;转载 2016-02-18 21:45:38 · 326 阅读 · 0 评论 -
jQuery中鲜为人知的的几个方法
http://www.php100.com/html/it/mobile/2014/0807/7174.html转载 2016-03-29 18:04:23 · 346 阅读 · 0 评论 -
js判断页面是否加载完成
通过用document.onreadystatechange的方法来监听状态改变, 然后用document.readyState == “complete”判断是否加载完成。可以采用2个div,其中一个在前面,一个在后面,前面的先显示,里面放一个页面正在加载中的小图片,小flash都可以。后面的div开始加载内容,在页面上随时监测加载是否完毕,如果加载完毕,将前面的div隐藏,后面的d转载 2016-02-22 23:44:12 · 1740 阅读 · 0 评论 -
响应式页面效果和插件
1、jquery响应式图片网格布局插件 http://www.htmleaf.com/jQuery/Layout-Interface/20141029324.html转载 2016-03-21 11:03:21 · 624 阅读 · 0 评论 -
效果插件网站收集
1.http://www.jq22.com/原创 2016-03-23 10:59:38 · 347 阅读 · 0 评论 -
下拉列表插件收集
1. 各种下拉列表,包括多选和可搜索列表集。http://www.jq22.com/jquery-info302原创 2016-03-23 11:00:57 · 540 阅读 · 0 评论 -
瀑布流资料集
1.视频http://v.qq.com/boke/page/z/7/i/z01364uoj7i.html2.极客视频http://www.jikexueyuan.com/course/218.html3.瀑布流布局浅析http://www.68design.net/Web-Guide/HTMLCSS/58734-1.html原创 2016-03-23 22:34:42 · 331 阅读 · 0 评论 -
响应式资料收集
1.响应式文章http://caibaojian.com/356.html原创 2016-03-23 22:35:55 · 357 阅读 · 0 评论 -
document.body.clientwidth值为0的解决方案
在IE7、IE8、Firefox中,document.body.clientWidth以及 document.body.clientHeightzhi值为0,此时,可以使用 document.documentElement.clientHeight等代替。 网络上普遍使用document.body.clientHeight和document.body.clientW转载 2016-03-24 11:07:55 · 4862 阅读 · 0 评论 -
return false 和 e.preventDefault 的区别
因为有父, 子节点同在, 因为有监听事件和浏览器默认动作之分. 使用 JavaScript 时为了达到预期效果经常需要阻止事件和动作执行. 一般我们会用到三种方法, 分别是 stopPropagation(), preventDefault() 和 return false. 它们之间有什么区别, 该何时使用呢? 将在本文中进行讲解.术语监听事件, 在在节点上能被监听的页面操作. 如: s转载 2016-03-26 17:01:00 · 561 阅读 · 0 评论 -
autocomplete 插件用法和用js实现autocomplete
1.插件http://www.runoob.com/jqueryui/example-autocomplete.html2. jquery实现autocompletehttp://www.jb51.net/article/28075.htmhttp://www.jb51.net/article/28075.htm/*---------------------转载 2016-03-28 15:31:45 · 4791 阅读 · 0 评论 -
jquery 1.9里面已经删除了toggle
jquery 1.9里面已经删除了toggle(fn1, fn2)函数:引用Note: This method signature was deprecated in jQuery 1.8 and removed in jQuery 1.9. jQuery also provides an animation method named .toggle() that toggles th转载 2016-04-28 18:10:13 · 886 阅读 · 0 评论 -
一个用在手机上的简单js拖拽效果
http://blog.163.com/xiaoyou_000/blog/static/65067392201521664214534/http://www.17sucai.com/pins/8765.html 手机拖拽效果 content=" width = device-width , height = device-hei转载 2016-05-12 19:15:24 · 3175 阅读 · 0 评论 -
深拷贝、浅拷贝、对象引用概念
http://bbs.miaov.com/forum.php?mod=viewthread&tid=5760&highlight=%E5%AF%B9%E8%B1%A1%E5%BC%95%E7%94%A82. http://bbs.miaov.com/forum.php?mod=viewthread&tid=7385 13,14集原创 2016-07-27 00:12:31 · 630 阅读 · 0 评论