jQ主题的文章列表，还有jQ的技术要点_第105页

jquery小技巧

1.返回页面顶部$('a.top').click(function(){$(document.body).animate({scrollTop:0},800);returnfalse;});<aclass="top"href="#">Backtotop</a>2.预加载图片$.preloadIm...

代码星球 ·2020-04-10

框架-弹出选择框（Jquery传递Json数组）

给一个button按钮，执行方法Json传值$("body").on("click","#btnsure",function(){ varcb...

代码星球 ·2020-04-10

框架-Jquerychange事件数值计算

//优惠率计算优惠价 $("body").on("change","#Rate",function(){ &...

代码星球 ·2020-04-10

前端jQuery之事件流

1.事件流概念　　描述的是从页面中接收事件的顺序　　包含事件捕获阶段，处于目标阶段，事件冒泡阶段2.绑定事件语法bind(type,data,fn)示例：每个标签被点击的时候，弹出其文本$("p").bind("click",function(){alert($(this).text());});3.解绑事件unbin...

代码星球 ·2020-04-10

前端jQuery之文档操作

1.文档操作内部插入A.append(B)吧B添加到A的后面A.appendTo(B)吧A添加到B的后面A.prepend(B)吧B添加到A的前面A.prependTo(B)吧A添加到B的前面外部插入A.after(B)吧B添加到A的后面A.insertAfter(B)吧A添加到B的后面A.before(B)吧B添加到...

代码星球 ·2020-04-10

前端jQuery之属性操作

属性操作主要分为四个部分：html属性操作，dom属性操作，类样式操作和值操作　　HTML属性操作：属性的读取，设置，以及移除，如attr()、removeAttr()　　DOM属性操作：属性的读取，设置，以及移除，如prop()、removeProp()　　类样式操作：指对DOM属性className进行添加，移除操...

代码星球 ·2020-04-10

前端jQuery之动画操作及相关演示

1.显示动画1.1无参数，直接让指定的元素显示出来$("div").show();1.2通过控制宽高，透明度，display属性逐渐显示，指定时间现实完毕$('div').show(3000);1.3特定参数类型$("div").show("slow");参数:　　slow:600ms　　normal:400ms　　f...

代码星球 ·2020-04-10

前端jQuery基本语法

1.概念1.1基础知识　　jQuery是一个兼容多浏览器的JavaScript库，封装了开发过程中常用的一些功能，类似Python模块　　jQuery就是用JS写的，JS是基础　　jQuery写起来简单，几乎全都是方法，使用它的API时，都是方法调用　　开发效率高，兼容性好1.2相关链接官网：http://jquery...

代码星球 ·2020-04-10

jquery生成二维码

下载Demojs下载： jquery-1.8.3.js、qrcode.js、jquery.qrcode.js<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><...

代码星球 ·2020-04-09

jquery加入购物车飞入的效果

主要原理是：点击当前图片的时候，复制(克隆)当前图片在当前位置，然后利用jQuery的animate()方法实现图像的飞入效果效果预览：http://runjs.cn/detail/qmf0mtm1functionMoveBox(obj){vardivTop=$(obj).offset().top;vardivLeft...

代码星球 ·2020-04-09

jQuery点击div其他地方隐藏div

$(document).bind("click",function(e){vartarget=$(e.target);if(target.closest("#regionlist,#selectRegion").length==0){$("#regionlist").hide();}}) ...

代码星球 ·2020-04-09

jQuery树叶掉落特效代码

代码使用方法1.将index.html源文件中的JS设置代码插入到你的网页中2.将style.css文件内容合并到你的页面样式表中3.将jquery文件加载到你的页面中，请注意，这不是通用的jquer库注意事项本代码目前仅支持HTML5内核的浏览器，测试时请用IE9-10，Chrome，Safari，Firefox等浏...

代码星球 ·2020-04-09

jquery自动焦点图

效果预览:http://runjs.cn/detail/vydinibc 带左右箭头的自动焦点图：http://runjs.cn/detail/wr1d1kehhtml:<divclass="recommend"><divclass="pic"id="fade"><ul>&...

代码星球 ·2020-04-09

jquery的API查看 / prepend、prependTo、append、appendTo的用法

理解jquery设计思想记住大部分jqueryAPI的使用英文：http://api.jquery.com/中文：http://www.css88.com/jqapi-1.9/http://tangram.baidu.com/api prepend、append、appendTo、prependT...

代码星球 ·2020-04-09

jquery放大镜

效果体验：http://runjs.cn/detail/dvygyp5tdemo下载<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&g...

代码星球 ·2020-04-09