1
jquery倒计时—计算显示距离某天还剩下多少天多少小时多少分多少秒【附在线演示】

CDes和大家分享一个非常实用的jquery实例特效,在网页里显示距离某一天还剩下多少天多少小时多少分多少秒的倒计时物资,下面是完整的在线实例演示:jquery倒计时—在线演示下面是完整的实例源码:functioncountDown(d){vardateFinal=newDate(d);//设置倒计时到达时间vardateNow=newDate();//获取系统当前时间vardateSub=dateFinal-dateNow;//计算差值,单位毫秒//初始化各个数值varday=hour=minute=second=dayBase=hourBase=minuteBase=secondBase=0;va


2
jquery实现点击表格后,使当前行变色的特效【非常详细】

CDes在网页开发中,我们经常会用到这样的一个特效:当点击网页中的表格时,被点击的当前行会变色突出显示。其实我们要实现这个功能,用jquery是非常简单的,只用一句代码就能实现:$("table#aijquery").on("click",function(e){ $(e.target).parent("tr").addClass("bg-primary");});上面这句代码解释起来就是:当ID为aijquery的表格被点击时,获取当前被点击的元素的tr父标签,然后为它添加一个"bg-primary"


3
jquery动态下滑展示与折叠的下拉菜单特效,一句代码就能实现

CDes我们都见过网上那种点击后,缓缓下拉展开显示的子菜单的特效吧,其实这个效果用jquery来作,是非常简单的!下面这句就是核心的代码:$("#ID").slideToggle();slideToggle:通过高度变化来切换所有匹配元素的可见性,它的语法结构如下:slideToggle([speed],[easing],[fn]):参数:speed:速度,值为"slow","normal","fast"或具体的毫秒数值,如:1000easing:用来指定切换效果,默认是"swing",可用参数&quo


4
jquery里使用数组随机排序的原理来实现网页中html标签随机排序的特效及实例

CDes假设我们的网页中有n个A标签,那么我们有什么方法,可以使这些A标签重新随机混乱排序呢?其实是很简单的,我们只需要明白数组随机排序的原理就能实现了!!下面是具体的代码:functionrandomsort(){returnMath.random()>.5-1:1;}//把要重新排序的a标签放到数组内vararr=$.makeArray($("#aijquerya"));//利用数组的sort函数结合一个随机数来给数组随机排序arr.sort(randomsort);好了,就是这么简单!通过上面的代码,我们就已经实现了把A标签重新随机排序的功能了,下面要做的就是把这些A标


5
jquery实现双击table表格后可编辑内容的方法及在线实例演示

CDes本文站长和大家分享一个jquery里操作table表格的特效实例,在鼠标双击表格里的td单元格后,可以进行编辑的方法特效。下面是具体的juqery代码:$('table#aijquery').on("dblclick","td",function(){var$td=$(this);//获取被双击的td单元格var_t=$td.text();//被双击的td单元格里的文本内容var_w=$td.width();//被双击的td单元格的宽度var_h=$td.height();//被双击的td单元格的高度$td.html("&quo


6
jquery图片或文字连续循环滚动特效[非常详细的教你如何自己动手写代码来实现]及在线实例演示

CDes连续循环滚动是我们在网页开发中经常要用到的特效,在jquery里,我们要实现文字或图片的连续循环滚动是非常简单的,本文站长就和大家非常详细的来介绍如何在jquery里实现图片或文字的连续循环滚动,通过本文,可以让你掌握自己动手来写出连续循环滚动的特效代码。第一步:HTML结构和CSS样式:#byculli{width:100px;height:80px}LoremipsumPhasellusiaculisNullavolutpatNullavolutpat结构很简单,div是展示的框架界面,根据自己的网页,设置好宽高,超出的部分隐藏,图片或文字信息全放在ul列表里,CSS样式的话,让li浮动,


7
新浪里抠出来的图片来回切换的新闻展示效果

CDes站长从新浪网里抠出来的一个图片切换轮播展示效果,使用起来非常简单的,可以先看下面的在线实例演示:新浪里抠出来的图片新闻展示—在线演示下面站长来教大家如何把这个图片切换展示的特效引入到自己的网页里:第一步:把flash框架下载保存到自己的网站里:http://www.aijquery.cn/html/aijquery/inc/flashimg.swf第二步:定义要展示的图片,及相关的标题、简介等信息://定义大图的路径,varbigPic0="1.jpg";varbigPic1="2.jpg";varbigPic2=3.jpg";varbigPi


8
超详细讲解用jquery制作图片百叶窗轮播展示特效

CDes本文和大家分享一个用jquery制作的一个图片百叶窗的特效,大家可以点下面的链接查看具体的在线实例演示:jquery图片百叶窗轮播展示特效在线演示下面是实例的截图:下面站长来具体和大家说下,如何来制作这个jquery图片百叶窗轮播展示的特效:第一步:布置相关的HTML代码,结构如下:1234第二步:添加所需的CSS样式:.boxx{width:549px;height:289px;margin:0auto;position:relative;border:1px#cccsolid}.boxx_con{width:100%;position:absolute;z-index:10}.boxx_t


9
不用插件,教你如何用jquery来制作随滚动条滚动时延迟加载图片的特效

CDes网上有很多延迟加载图片的插件,但如果我们的网页比较简单,那么我们需要延迟加载图片的功能时,不需要因为这么小的一个功能,就去加载一个特别“大”的插件,因为在jquery里,我们制作一个随滚动条的滚动来动态加载图片的功能是非常简单的。本篇,站长就来教大家如何用jquery来写出“随滚动条延迟加载图片”的特效。不喜欢看站长啰嗦的朋友,可以点下面的链接直接查看和拷贝站长做的一个在线实例演示:jquery随滚动条延迟加载图片在线演示首先,在刚加载页面时,要把网页里所有需要“延迟加载”的图片隐藏起来,让它们不要自动加载:$("#aijqueryimg").each(function()


10
jquery html5本地头像图片裁剪上传特效[附完整实例下载和在线演示]

CDes这是站长在网上找到的一个jquery特效实例,那个网站需要注册,还要积分,站长费了番功夫,下载了下来,在这里直接分享给大家。本文和你分享的是一个jquery+html5开发制作的本地图片裁剪上传的特效,各大网站或论坛的修改头像图片里用的就是这个特效,下面是在线实例演示地址:jquery html5本地头像裁剪上传特效在线演示站长把完整的代码放在百度云里,无密码,大家可以直接下载:链接:https://pan.baidu.com/s/1Q191O_nvoCmoptukF5jCUg密码:h72h下面来看这个实例的核心代码,站长因为不暂时用不到这个特效,所以没有深入去研究,-_-!$('#a


11
点击后出现下拉菜单,在其它任意地方单击后就会消失隐藏的下拉菜单的制作方法及原理[附在线实例]

CDes我们经常在网上会看到这样的一个特效,就是当点击一个按钮或菜单时,会出现它的子菜单,而再次点击时就会消失隐藏,并且在网页的其它任意地方点击都会消失和隐藏。在jquery里,我们要实现这样的一个效果其实是非常简单的:我们都知道在jquery里,如果制作一个点击后消失或隐藏的下拉菜单是非常简单的,难点就是要实现点击网页里任意一个地方都会隐藏下拉菜单,而要实现这个效果就要用到jquery里的以下几个函数和方法了:one:为元素绑定一个一次性的事件,如:$("#aijquery").one("click",function(){alert("欢迎来到爱j


12
一句jquery代码就能实现的点击后DIV显示或隐藏的网页特效[附在线实例演示]

CDes本文比较适合jquery初学者!!!在jquery里,如果我们要实现一个这样的特效,点击按钮后,指定的DIV显示或隐藏起来,是非常简单的,大家可以点下面的链接查看站长写的一个在线实例演示:jquery用toggle制作的显示/隐藏特效在线演示只需要用到jquery的一个内置函数toggle就能实现了,是不是非常简单?$("#aijquery").click(function(){ $("#div1").toggle();});jquery内置函数toggle的作用就是转换元素的可见状态!


13
siblings-jquery中用来获取同辈标签元素的内置函数详解及常用写法实例

CDes之前,站长写过一篇用jquery来制作网页“百叶窗”特效的文章,在这篇文章里,用到的核心函数就是jquery的siblings函数,大家可以点下面的链接查看这篇文章,文章里还附带有在线实例演示:教你如何用jquery做网页“百叶窗”特效,即同一个区域内,根据点击不同的按钮或链接显示不同的内容的特效siblings为jquery内置的,用来获取同辈元素标签的函数,使用起来是非常简单的,看下面的这些常用的几种写法和用法,大家就能明白如何使用了:$("DIV#aijquery").siblings();//获取ID为aijquery的DIV的所有同辈元素$("div#a


14
教你如何用jquery做网页“百叶窗”特效,即同一个区域内,根据点击不同的按钮或链接显示不同的内容的特效

CDes使用jquery可以大大的缩减我们编写代码的时间,就好比本章要说的网页“百叶窗”特效,如果要用js来做的话,可能需要几十行的代码,但是用jquery来做的话,只需要两三行代码就OK了!大家可以先点击下面的链接查看站长做的一个在线实例演示:jquery做的最简单的百叶窗效果展示下面是上面在线实例的截图:下面站长来和大家讲解一下其中的核心代码:$("button").click(function(){ varid=$(this).attr("id"); $(this).addClass("on").siblings("butto


15
jquery操作select下拉框的各种方法,获取选中项的值或文本,根据指定的值或文本选中select的option项等

CDes 这一章,站长总结一下jquery里对下拉框select的各种操作,如两个或三个select下拉框的联动效果,读取select下拉框里选中项的值和文本,根据指定的值或文本来选中select下拉框的指定项等操作,先来看具体的在线实例演示:jquery操作下拉框select的各种方法在线实例演示下面是上面在线实例的截图:1.先说select下拉框联动效果的实现,大家可以点下面的链接查看,里面有很完整的代码及讲解:jquery三级联动select下拉菜单特效的实现方法和在线实例展示2.根据指定的文本来选中select下拉框指定的optilon选项,在网上搜索,基本上说的都是用下面的方法:$(&quo


16
jquery三级联动select下拉菜单特效的实现方法和在线实例展示

CDes 这一篇站长教大家如何用jquery来实现网页中的三级下拉菜单联动的效果,先来看在线实例展示:jquery操作下拉框select的各种方法在线实例演示 下面站长开始一步一步的教大家如何来做这个三级联动效果:第一步,因为第一级菜单是不动的,所以要把除了第一级菜单外的第二级和第三级菜单放到JS数组里,方便动态读取和调用:varTypeInfo=newArray();TypeInfo[0]=newArray("1","4","T11");//父类别ID,本类别ID,本类别名称TypeInfo[1]=newArray("1&quo


17
正则表达式匹配重复的字符串[超详细]附完整实例

CDes本文站长和大家总结整理一下,在正则表达式里,和“匹配获取重复字符串”相关的内容。1.用正则匹配字符串中重复的字符或符号,不限制重复的次数:varstr="aabb..ccee!!!";varreg=/(.)\1+/ig;//获取匹配到的重复的字符串或符号:varstr_match=str.match(reg);//结果为:(6)["aa","bb","..","cc","ee","!!!"]//把匹配到的重复的字符串或符号替换为单一的:varstr_rep


18
jquery里把数组转换成json的方法[精心整理]

CDes本文站长来整理一下jquery里把数组转换成json的相关方法。首先来看,jquery里自带的,和json相关的函数:1.$.parseJSON : 用来解析JSON字符串,返回一个对象。什么叫“JSON字符串”比如:var a={name:"aijquery",url:"www.aijquery.cn"};上面定义的变量a是个JSON对象,我们可以直接用“a.name”或“a.url”来访问内容的数据。var a="{name:'aijquery',url:'www.aijquery.cn'}";上面


19
jquery延迟(deferred)对象和回调函数详解

CDes本文站长和大家整理一下jquery里延迟对象,即deferred对象和回调函数相关的内容。什么是延迟(deferred)对象在我们日常的web开发中,我们经常会用到ajax,或者遍历一组数据,这些操作都是不能马上结束,立即得到结果的,这个现象就是函数里的延迟现象,而deferred对象,也就是延迟对象,就是jquery里用来解决这种“延迟现象”回调函数的方案。解释起来,可能大家都不会很明白,下面站长来结合具体的实例来一步步的讲解:第1:关于jquery里的延迟对象,最常用的就是ajax了,我们知道,通常的ajax的写法如下:$.ajax({url:"http://www.aijque


20
ASP里用正则替换汉字 字母 数字外所有的特殊字符或符号的方法

CDes本文站长和大家分享一下在ASP里,使用正则表达式来替换指定内容的方法。我们在开发WEB时,对于表单的验证是经常会用到的,而我们在获取到表单的数据存入数据库时,为了安全,要过滤掉表单里的一些危险字符或特殊符号,在这个时候,用正则表达式来替换就是最好的选择了。先来看一下,ASP里使用正则表达式来替换的函数代码:FunctionRegReplace(vStr,vReg,ByValvCode)DimRe,sStrsStr=vStrSetRe=NewRegExpRe.Pattern=vRegRe.IgnoreCase=TrueRe.Global=TrueIFasp_isnull(vCode)Then:v


21
jquery里用$.map把指定标签里的文本生成数组的方法和实例

CDes本文,站长来给大家分享一个jquery里和数组相关的一个应用实例,使用$.map来把我们获取到的标签,把它们的文本内容生成一个数组。假设我们网页里有这样一段HTML代码:123test45//本文首发爱jQuerywww.aijquery.cn现在我们要获取所有的P标签,把P标签里的文本内容组成一个数组:varb=$("p").map(function(){return$(this).text();}).get();alert(b.join());用$.map,只用一行代码就实例了,不需要用each来循环的,下面是站长提供的在线演示地址:jquery获取指定标签的文本并放入


22
jquery里根据文本内容来获取标签元素的方法及完整实例演示

CDesjquery最强大的地方就在于标签的选取和操作上了,这一章,站长和大家说说,如何根据指定的内容来选取我们需要的标签。我们要根据内容来选取标签,就要用到jquery里的contains :contains:匹配包含给定文本的元素示例:$("div:contains('John')"):查找获取所有包含"John"的div元素需要注意的是,contains 在查找检索时,范围是包含其内部子标签的。下面来给大家说一个具体的实例,是从百度知道上看到的:问:已知页面中有20组div,每个中都有p标签,其中一个div中p标签的内容为“test”,利用


23
jquery获取同辈元素中后几个元素的三种方法及完整的在线实例演示

CDes本文站长和大家总结整理一下在jquery里,我们要获取同辈元素中“后几个”元素的方法:方法1:使用jquery里的 " gt "来获取://如果我们知道共有多少个同辈元素,那么,我们要获取后几个元素是非常简单的:$("div#aijqueryspan:gt(2)").remove();//删除索引大于2的span标签//如果我们不知道共有多少同辈元素,那么就要先获取最后那个元素的索引值:var_max=$("div#aijqueryspan:last").index();var_get=_max-3;//要获取后几个就减几,这里是删除


24
jQuery UI中文CHM帮助手册百度云下载

CDesjQuery UI的中文CHM手册,包含jQuery UI的入门,从基础到精通的教程,非常详细,有需要的朋友可以点下面的百度云链接直接下载,保证无广告,无密码:链接:https://pan.baidu.com/s/1rsupDa7jMXolLYUbApBLcg提取码:7cwe


25
jquery里把变量转为数字的三种方法及完整实例

CDes在jquery里,我们如果要把一个变量转换为数字,即Number类型,其实就是js里转换变量为数字,因为jquery本来就是在js的基础上“封装”优化而来的。在jquery,或者说是在js里,我们如果要把一个“数值类型”的变量转换成数字,有以下几种方法:PS:数值类型的变量如:var aijquery="2018";1.parseInt :函数可解析一个字符串,并返回一个整数。//语法:parseInt(string,radix)string:要被解析的字符串。radix:可选。表示要解析的数字的基数。该值介于2~36之间。如果省略该参数或其值为0,则数字将以10为基础来解


26
bootstrap里让一个div固定在另一个div的顶部或底部的方法及完整实例演示

CDes在web开发时,我们有时需要让一个div固定在另一个div的顶部或底部,并且不受滚动条的影响,在bootstrap里,我们可以很容易的实现这个效果的,下面是核心代码:固定在顶部固定在底部重点就在于position-sticky这个CSS属性上:position:sticky;粘性定位基于用户的滚动位置来定位。下面是站长准备的一个完整的在线实例演示:div固定在另一个div顶部的在线演示


27
jquery动态选中select下拉框里指定值的optilon选项的两种方法及在线实例演示

CDes使用jquery来操作select下拉框是非常简单的,有需要的朋友可以关注本站的专题 :jquery select本文站长和大家分享的是,动态选择select下拉框里指定值的option下拉项的方法,共有两种方法,看下面具体的代码://方法一://比如要选中值为aijquery的选项:$("#select").val("aijquery");//方法二:$("#selectoption[value='aijquery']").attr("selected","selected")


28
CSS里显示小三角,或半三角的代码及在线实例

CDes这是站长自己经常用的一个CSS样式,先来看具体的CSS代码:.ltitle{position:relative;border-bottom:2pxsolidcurrentColor;padding-bottom:0.5rem;letter-spacing:1px;}.ltitle:before{content:"";display:inline-block;width:0;height:0;border:.3remsolidtransparent;border-left:.3remsolidcurrentColor;box-sizing:border-box;}.listt


29
CSS里巧用currentColor,使边框和文本同一个颜色的方法

CDescurrentColor是CSS里一个比较特殊的属性,站长把它当成一个“变量”, 这样就比较好理解了。举个例子来说,比如我们给一个容器,如DIV,设置了“color:red”的CSS属性,那么,如果我们要让他的边框也显示成同样的颜色,那么正常情况下,我们可能会直接这样写:“border-color:red”。那么问题来了,比如,我们CSS里有一个通用的样式,设置了字体的大小,粗细等样式,然后我们需要在使用这个CSS样式时,另外再加上不同的颜色,并且需要让它们的边框保持同样的颜色,最直接的方法,就是需要几个颜色,我们设置几个不同的CSS样式,但是如果使用currentColor这个属性的话,就能


30
一个完整的ASP里使用存储过程增加数据库里文章浏览量的实例

CDes站长自己在做一个WEB项目时用到的,在ASP里通过调用SQL存储过程,来增加文章的阅读浏览量。SQL存储过程的代码如下:CREATEPROCEDURE[dbo].[AddView]@TableNameasvarchar(50),@SIDasvarchar(10),@SIDValasvarchar(10)--因为是动态的SQL语句,所以变量统一为varchar类型,不然会报错[email protected](500)setnocountonbegin [email protected]='update'[email protected]+'setViews=Views+1where'[email protected]