#JQUERY

前端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...

前端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...

jQuery点击div其他地方隐藏div

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

jQuery树叶掉落特效代码

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

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...

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

jquery滚动条

查看demo:下载Demo ...
代码星球 ·2020-04-09

Jquery拖拽原理

/*onmousedown:选择元素onmousemove:移动元素onmouseup:释放元素*/查看Demo:拖拽图片functiondrag(obj){obj.onmousedown=function(ev){varev=ev||event;vardisX=ev.clientX-this.offsetLeft;v...
代码星球 ·2020-04-09

jquery通过ajax获取数据(优化、封装)

下载页面查看: makeGrid.js  ,column.js ,XiangMuGuanLi.aspx <divclass="tb_container"id="tb_container1"color:#800000;">"padding-top:0;">&l...

jquery通过ajax获取数据,控制显示的数据条数

 效果图:  现在我们可以先看它的json数据,如图所示:        然后可以对应我们的代码进行理解。jquery通过ajax获取数据,并通过窗口大小控制显示的数据条数,以及可以根据需求隐掉列数据。<...

jquery自动生成分页控件

  /*pagenum:当前页数theallnum:总条数themeiye:每页显示多少条*/functionpagetest(pagenum,theallnum,themeiye){$("#pages").html("");varallnum=theallnum;//总页数varmeiye=the...
首页上一页...979899100101...下一页尾页