1
jquery里用拖拽的方式来排序表格及在线实例

CDes今天和大家分享一个用jquery做的,可以对table表格拖拽排序的特效。代码是站长自己写的,站长打算用两种方法来实现对表格的拖拽排序。先来看方法一:(function($){$.fn.dragSort=function(){var$dtr,$ntr; $(this).find("tr").on("mousedown",function(e){ $dtr=$(this); $(this).addClass("alert-success");}).on("mousemove",function(e){returnfa


2
jquery获取表格所有tr行里的第一个td单元格的两种方法及实例演示

CDes本文和大家分享一个简单的jquery实例,用jquery来操作表格,获取表格所有tr行内第一个td单元格的方法。方法一:用:first-child :$("tabletrtd:first-child").addClass("text-danger");//或者$("tabletrtd:nth-child(1)").addClass("text-danger");:first-child 与 :first 的区别就是::first 只匹配一个元素,而:first-child则为每个父元素匹配一个子元素。:nth-ch


3
jquery实例:表格里点击按钮后添加一行,新添加的行附带删除按钮

CDes本文站长和大家分享一个简单的jquery实例,通过这个实例来进一步的掌握和学习Jquery的技巧和应用。假设,我们在web里要实现这样一个功能:一个表格,每一行都有一个“添加”按钮,点击后,会复制当前行,然后新建一行添加到当前行的后面,并且新添加的行有一个“删除”按钮,点击后可删除当前行。在站长没有熟练的掌握jquery之前,站长实现这样的一个效果,是这样来做的:先定义好两个函数,一个是实现“添加”功能,一个是实现“删除”功能;然后在表格里的按钮上,通过“onclick=函数名”,把上面定义好的函数绑定到按钮上;但在了解了jquery里的“预添加”功能后,[可参考这篇文章:jquery里给未来


4
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'}";上面


5
ASP里使用存储过程时需要用到的ADO 数据类型对照表

CDes下面的表格列出了 Access、SQL Server 与 Oracle 之间的数据类型映射:DataType EnumValueAccessSQLServerOracleadBigInt20BigInt (SQL Server 2000 +)adBinary128Binary TimeStampRaw *adBoolean11YesNoBitadChar129CharCharadCurrency6CurrencyMoney SmallMoneyadDate7DateDateTimeadDBTimeStamp135DateTime (Access 97 (ODBC))DateTime Sm


6
jquery选中tr中除指定ID的td外所有td的方法

CDes假如我们有下面这样一个表格:1张大峰91985-10-24zhangdafeng中国人…那么,我们如何用jquery来选取tr1下除了id为name1的td外所有的td呢?方法如下:$("tr#tr1td").not($("#name1")).addClass("bg-primary");使用jquery里的not很容易就可以实现的!如果我们要排除多个ID,方法如下:$("tr#tr1td").not($("#name1,#time1")).addClass("bg-primary&q


7
通过具体的实例来了解jquery里:first和:first-child的区别

CDesjquery里:first和:first-child都是用来获取“匹配到的第一个元素”的,但效果是不同的,先来看chm手册上对于这两个函数的解释::first获取第一个元素;:first-child匹配第一个子元素;只看这简单的解释的话,肯定会迷糊,站长用自己的语言来解释一下就是:first获取到的是一个元素,而first-child获取到的是一个集合。来看一个具体的实例:$("trtd:first").addClass("bg-primary");$("trtd:first-child").addClass("bg-pri


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

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


9
jquery里获取表格内被点击的td单元格的内容的方法及在线实例演示

CDes网页里有一个表格,当鼠标点击到表格时,我们如果要获取到被点击的td单元格的内容,用jquery是非常容易就能做到的:$("table#aijquery").on("click",function(e){alert($(e.target).text());});看到上面的代码就知道有多么的容易了吧!只需要用到jquery内置的event对象就可以轻易实现了!!下面是完整的在线实例演示:jquery读取表格内被点击的td单元格的文本内容的在线实例演示更多关于event对象的内容可以关注本站的event专题:event专题


10
jquery+ajax+table的一个完整实例,编辑表格后,提交数据到后台,并动态更新表格,附完整的在线实例演示

CDes本文和大家分享一个jquery+ajax+table的一个完整实例,在前台对table表格进行编辑后,用ajax把编辑后的数据提交到后台,更新到数据库里,并再动态更改前台表格的内容。在本文的最后有完整的在线实例演示地址,站长还是习惯一步一步的来教大家如何来实现!!!假如我们网页里有这样的一个表格:具体的HTML代码站长就不在这里展示了!首先我们要实现的就是在点击了编辑按钮后,让表格变成可编辑状态:站长以前写过一篇文章来介绍这个效果的:jquery实现双击table表格后可编辑内容的方法及在线实例演示$("table#aijquery").on("click&quo


11
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


12
使用requirejs来加载jquery.tablesort插件,实现网页里表格排序功能的方法及实例演示

CDesrequirejs插件是一款用来加载js文件的插件,使用起来非常方便,尤其是在我们的网页里需要引入多个js文件时,用requirejs插件能大大优化我们网页的性能,提高网页的访问速度,您可以关注本站的rquirejs专栏:RequireJS插件本文站长和大家分享一个requirejs来加载jquery.tablesort插件的方法和实例:假设我们的网页里有下面这样的一个表格:具体的HTML如下:ID名字数字日期字母文字1张大峰91985-10-24zhangdafeng中国人...我们在网页里引入requirejs文件并且配置好config选项:require.config({paths:{&


13
jquery.tablesort表格排序—插件源文件下载和完整实例演示

CDesjquery.tablesort插件是一款使用起来非常简单的表格排序插件,本文和你分享这款插件的官网及源码下载地址。官网地址:https://github.com/kylefox/jquery-tablesort源码下载地址:站长放在百度云里,可直接下载使用:链接:https://pan.baidu.com/s/1rLmuBcf207hrIEmbtSZi1A密码:wc5d本文站长来和大家具体说说如何使用这个插件来实现给网页中的表格进行排序:首先,网页里需要排序的表格,格式要按下面这样的格式: ... ...然后,在引入jquery.tablesort源文件和jquery库后,可以直接用下面这样


14
jquery里操作table表格的各种方法及完整的在线实例演示

CDes本文站长总结了在jquery里对table表格的各种操作方法,并且还准备了完整的在线实例演示:jquery里操作table相关的各种方法在线演示下面是上面这个在线实例的截图:1.鼠标经过时换色:$("#tabletr").hover(function(){$(this).children("td").addClass("on");},function(){$(this).children("td").removeClass("on")});2.奇偶行不同颜色://偶数行奇数行的话odd改为eve


15
jquery匹配实例:获取含有某个样式的除了第一个外的所有HTML标签

CDes本文站长和大家分享一个jquery里的一个匹配获取实例,用jquery来获取网页里含有某个样式的,除了第一个外的所有HTML标签:示例1:匹配获取含有list样式的,除了第一个外的所有DIV标签:$("div.list:not(:first)");$("div.list").not(":first");$("div.list:gt(0)");$("div.list:not(:first-child)");上面的四种写法都是正确的,站长已经亲测过的!!!示例2:匹配table表格内,除第一行外所有


16
jquery里跳出each循环的方法及实例

CDes我们知道在js里,如果我们要跳出for循环或者while循环的话,可以用continue或break:continue:跳出当前循环,进入下一个循环;break:跳出所有循环而在jquery里,我们只有一个each循环,那么在each循环里,我们要如何跳出循环的话,可以用return true或return false:returntrue:相当于js里的continue跳出当前循环,进入下一个循环returnfalse:相当于js里的break跳出所有循环下面来看两个具体的实例:第一个实例,是站长在做jquery上传时用到的,根据选择不同的文件类型,来显示不同的图标:varGetIco=fu


17
jquery选取表格第一行外的所有tr行的四种方法及在线实例演示

CDes本文讲的是一个关于“jquery获取table表格里除第一行外所有tr行”的实例,通过这个实例,大家可以掌握类似情况下,jquery的使用方法。大家可以先点下面的链接查看站长做的一个在线实例演示:jquery选择表格里除了第一行外的所有tr行的在线实例演示下面是具体的核心代码:$("#aijquerytr:not(:eq(0))").addClass("on");$("#aijquerytr:not(:first)").addClass("on"); $("#aijquerytr:gt(0)")


18
jquery基础教程:通过一个实例来学习jquery的内置函数each的循环遍历的用法和方法

CDesjquery的基础教程,高手可以飘过~~~这一篇站长和大家说说jquery里的each循环遍历的方法,大家可以点下面的链接看下站长用jquery做的一个关于each循环遍历的在线实例:jquery在线实例:用each把网页中的表格里的数字都加1下面是上面实例的截图:下面站长来讲解下上面这个实例,这样大家就明白jquery里each的用法了:$("#tttd").each(function(){vart=$(this).text();if(!isNaN(t)){t=t*1+1;$(this).text(t);} }); $("#tt td").each 这