使用Jquery的DataTable进行数据表处理非常方便，常遇到的一个问题就是删除一行后页面必须进行更新，需要注意的方法如下：前台页面中初始化table时注意： 代码如下:var table = $(#sorting-advanced); table.dataTable({ bServerSide: true, sAjaxSource: servlet/UserList<%=queryString%>, bProcessing: true, bStateSave: true, aoColumnDefs: [ { bSortable: false, aTargets: [0,1,6]} ], sPaginationType: full_numbers, sDo...
使用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE10以下版本中是以HEX格式显示【#ffff00】，而IE10,、Chrome、Firefox中则是以GRB格式显示【rgb(255,0,0)】，由于需要对颜色值进行判断处理，所以需要得到统一的颜色格式，最好是HEX格式的，方便处理点。搜索了一下，从国外的一个网站上得到一段代码： 代码如下:$.fn.getHexBackgroundColor = function() { var rgb = $(this).css(background-color); r...
今天在写一DEMO，其中用到了jQuery的$.getJSON方法，写完后发现整个DEMO中用到jQuery中的就这一个地方，但要引入一个jQuery实在不划算，于是就自己实现了一个简单版的，基本可以满足需求，现分享出来： 代码如下:var $ = { getJSON: function(url, params, callbackFuncName, callback){ var paramsUrl ="", jsonp = this.getQueryString(url)[callbackFuncName]; for(var key in params){ ...
jquery 触发a链接点击事件 代码如下:<p class="btnSubmit"><a href="javascript:submitData();">确认</a></p> $(".btnSubmit a")[0].click(); <p id="tob"><a href="1.html">这是文字</a></p>$("#tob a")[0].click(); 这里面很奇怪，有时候$(".btnSubmit a").click()可以，有时候$(".btnSubmit a")[0].click()可以
在JQuery编码中,我们会判断元素是否存在某个属性.比如是否包含 class="new" 的样式呢.JQuery判断就非常简单了,因为有 hasClass这个方法 $("input[name=new]").hasClass("new") 即可判断. 但是有时候我们需要判断别的属性,比如有的 a 链接包含 rel 属性,有的没有rel属性.这时该怎么判断呢? 这时就没有现成的方法了. 如果存在某个属性 $("#aid").attr("rel") 会返回 rel的值,如果不存在 rel属性则会返回"undefined" undefined 就是 u...
大家先看一段简单的jquery ajax 返回值的js 代码 代码如下:function getReturnAjax{ $.ajax({ type:"POST", http://www.cnblogs.com/wlmemail/admin/%22ajax/userexist.aspx", data:"username="+vusername.value, success:function(msg){ if(msg=="ok"){ showtipex(vusername.id,"<img src=images/ok.gif/><b><font color=#ffff00>该用户名可以使用</font></b>",false) return true; } else { showtipex(vusername.id,"<img src=i...
jQuery 使用 $ 符号作为 jQuery 的简介方式。 某些其他 JavaScript 库中的函数（比如 Prototype）同样使用 $ 符号。 jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict()，帮助使用自己的名称（比如 jq）来代替 $ 符号。 代码如下:<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> var jq=jQuery.noConflict(); jq(document).ready(...
般来说，在对一个文件域(input type=”file”)使用了验证后，我们总会希望把文件域中的值给清空了（否则错误的文件仍然会被提交），而在IE中，安全设置的原因，是不允许更改文件域的值的（也就是不能使用val(“”)） 那么很显然，我们就只能换个思路，把这个input元素复制一个，然后将原来的删除。 在IE下复制元素的时候，其中的值是不会被复制的，所以就达到了清空文件域的目的了。 而在Firefox下，其中的值也会被一同复制，那么我...
在第一次页面加载时，元素A的X效果正常，点击B之后，页面局部刷新，此时，回到A，元素A失去X效果. 开始以为是前端我这到程序员那里出现问题，但仔细检查之后发现没有，后来了解了下页面应用了ASP.NET AJAX局部刷新，这就明朗了，估计是和JQUERY冲突了。 问题重现： 1.ASP.NET AJAX在页面中添加ScriptManager和UpdatePanel 2.在UpdatePanel中添加元素A 3.用jQuery对元素A添加X效果 4.在UpdatePanel中加一个Button B用作postback 这样...
上次用原生的JavaScript实现的图片等比例缩放，max-width和max-height在ie6中不兼容问题，今天用jQuery实现了这些问题 jQuery部分代码 代码如下:<script type="text/javascript"> $(document).ready(function(){ var maxWidth=$(".imgBox").width(); $("img").each(function(){ if(!$.support.style&&$.browser.msie&&($.browser.version==6.0)){ //判定浏览器为ie6的时候 var imgWidth=$(this).width(); var imgHeight=$(this).h...
问题：最近使用 jqeury 的 validationEngine 做ajax校验，当表单中的最后一个字段需要做ajax验证时，此时在字段输入完毕后点击回车提交表单时不起作用，必须再按一次/点击submit按钮。 分析：通过个跟踪其源代码，最终发现ajax验证成功后也再次submit了表单，但还是不能真正提交表单。 原因：很诡异，因为我的提交表单按钮名字是submit。改掉就好了。 代码如下:<input id="submit" type="submit" class="btn pull-left" value="登录...
在使用jQuery Mobile进行Web开发中，当页面跳转时（pageA => pageB），在pageB中引用的JS并未成功运行。因为，JQM并为将整个页面加载到当前的dom中，仅将data-role="page"元素加入当前的dom中。因此，在<head>中引入的外部JS文件，以及<page>标签外的JS均不能正常运行，刷新页面后方可加载成功。 鉴于JQM这个特性不太可能主动更改，可以用两种方法来解决：一是在index页面中，注册所有需要使用到的外部JS文件，或者使用母版页面来统...
遇到个需要获得图片的长宽的问题。在IE、FireFox下均正常，就TMD在Chrome中不行，网上非有人说可以，然后还归结为是不是Chrome版本问题。 终于的终于，找到了答案。 在大多数情况下,把js代码放到图片标签的后面： 代码如下:<img id="test" src="**.jpg" /> <script> alert(document.getElementById("test").width;<PRE class=html name="code"></script></PRE> <PRE></PRE> 这样是可以得到图片的宽度的，但是在Chrome下就是不行。...
往带有png图的类里加红色字的部分代码如下:background-image:url(******.png)!important;background-image:url(../images/space.gif);/*space.gif 是一个透明的图片文件*/filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="******.png", enabled=true, sizingMethod=scale);
第一阶段，试用slideshow 在做一个网页homepage的时候，想用slideshow［1］做图片切换效果，其中js部分代码如下: 代码如下:function next_slide() { var $active = $(#bitware-overlay img.active); if ($active.length == 0) $active = $(#bitware-overlay img:last); var $next = $active.next().length ? $active.next() : $(#bitware-overlay img:first); $active.addClass(last-active); $next.a...