作家
登录

jquery 问答知识整理

作者: 来源:www.28hudong.com 2013-03-30 01:51:51 阅读 我要评论

获取ID : $(this).attr("id"); :not用法 1. 列表用法 复制代码 代码如下: var notList = []; notList.push("#<%=txtSuggest.ClientID %>"); var textElements = $("input[type=text]:not(" + notList + ")"); var firstFocusItem = null; //遍历Type=Text的元素 textElements.each(function(i) { //TODO }); 2.排它用法 复制代码 代码如下: $("table[id^=tb]:not([id=tbBasicInfo])").each(function() { alert($(this).attr("id")); }); 如果不加[]的话, $("table[id^=tb]:not(tbBasicInfo)"),这样是不行的 这时not是基于前者id^=tb的tb进行:not操作的 恢复BackGround-Color为原始的颜色 background-color:transparent 去掉Href的下划线,已访问过的样式 a, a:visited{ text-decoration: none;} 去掉Li的点样式 li{margin:0; padding:0; list-sytle:none} 获取当前对象的Style中的某种样式 $("#divDept").css("display") CSS BackGround Url 显示不出来 因为IE浏览器和FF对于处理路径有一些差异,在IE下修改boxy.css代码如下。 复制代码 代码如下: .boxy-wrapper .top-left { background: url('images/boxy-nw.png'); } .boxy-wrapper .top-right { background: url('images/boxy-ne.png'); } .boxy-wrapper .bottom-right { background: url('images/boxy-se.png'); } .boxy-wrapper .bottom-left { background: url('images/boxy-sw.png'); } /* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */ /* NB: these must be absolute paths or URLs to your images */ .boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy-nw.png'); } .boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy-ne.png'); } .boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy-se.png'); } .boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy-sw.png'); } 这样就能在IE下显示正常了。 获取Table对象 $("table[id=tableID]") 或者 $("#tableID")CountDown用法 复制代码 代码如下: $.getJSON( loginServiceUrl,{ method: "Logout"}, function(result) { if (result.Url != null) { $("#transfer").countdown({ until: "+5s", expiryUrl: result.Url, onTick: function(periods){ $(this).text(periods[6]); } }); } }); Google Chrome中text()取值有问题,改为val() Google Chrome 中窗口最大化的问题 以下js代码在FF,IE中没问题 复制代码 代码如下: if (window.screen) { var myw = screen.availWidth; var myh = screen.availHeight; window.resizeTo(400, 400); window.moveTo(0, 0); } 在Chrome中resizeTo,resize都是没有效果的。 Issue 2091:window.resizeTo() doesn't have any effect By Design we don't support resize/move for tabs, only constrained windows. http://www.cnblogs.com/lonz/articles/381022.html javascript resizeTo bug http://code.google.com/p/chromium/issues/detail?id=11523 在google chrome/safari 中textbox默认是可以自由拉长的,为何控制不让其自由拉长。 解决方案: CSS to disable resizing textarea { resize: none; } <textarea name="foo"> textarea[name=foo] { resize: none; } HTML is <textarea id="foo">) #foo { resize: none; } JS压缩工具 http://www.brainjar.com/js/crunch/demo.html 缺点: 会把正则表达式中类似*/去除 Sample: value = s.replace(/^0*/, ''); After Compress: value = s.replace(/^0, ''); parseInt() 和 Number() 兩個函數有什么不同? http://hi.baidu.com/iloverobot/blog/item/bd3ed651ffd362868c5430bf.html JSON 问题 http://blog.csdn.net/chinaontology/archive/2007/12/30/2004871.aspx CSS置底的提示框 大文件上传 进度条显示 (仿csdn资源上传效果) http://www.cnblogs.com/zengxiangzhan/archive/2010/01/14/1647866.html 可编辑的Input http://acme.com/javascript/ jquery设置html头信息 http://home.phpchina.com/space.php?uid=155537&do=blog&id=182698 jQuery与prototype(ajaxpro)冲突的解决方法 http://www.cnblogs.com/sxlfybb/archive/2009/06/04/1495995.html 利用jQuery + Handler(ashx) + LINQ 實現 Autocomplete http://www.dotblogs.com.tw/puma/archive/2009/03/10/7426.aspx jquery ajax 中文乱码 http://phpxiaoxin.javaeye.com/blog/350544 Ajax中文乱码原因分析及解决方案 http://hi.baidu.com/sihillver/blog/item/4d6f32f592920325bc3109d7.html 打造基于jQuery的高性能TreeView http://kb.cnblogs.com/page/50337/ http://kb.cnblogs.com/page/53517/ 利用jQuery实现更简单的Ajax跨域请求 http://kb.cnblogs.com/page/53433/ Jquery.Ajax 读取XML first of all sorry about my english, it's not my native lengauge... i have a xml file that i'm reading with the sample code above... but when i try to read it from a service web page (http://www.google.com/ig/api?weather=Buenos%20A...), it doesn't show anything... and if i write the same content of this page in a xml file in my pc, it works perfectly... i dont know what am i doing wrong i let u the code that i'm using maybe u could help me function clima(){ $.ajax({ type: "GET", url: 'http://www.google.com/ig/api?weather=Buenos%20Aires', dataType: "xml", success: function(data){ var $weather = $(data).find('current_conditions') console.log($weather); } }); } function clima() { $.ajax({ type: "GET", dataType: "xml", url: 'http://www.google.com/ig/api?weather=Buenos%20Aires', success: function(xml) { var weather = $(xml).find("current_conditions").find("temp_c").attr("data"); alert("Prognostico para hoy: " + weather + " grados"); } }); } FullSize:一个新的IMG标签属性(附带JQuery实现) http://css9.net/img-fullsize/ http://css9.net/wp-content/uploads/2009/04/fullsize/example.html 有关于$.ajaxSetup和$.get的问题 在Common.js中使用 $.ajaxSetup({ url: "…..", type: "POST", cache: true, dataType: "json" }); $.ajax({ data: { cityCode: cityCode, flag: flag }, success: function(areaList) { …} }); 在PageA页面引入Common.js 然后在脚本段中使用 $.get(url); 此处url调用的是一个aspx页面,显示结果为无数据加载!(正常情况:有数据加载。) 然后经过使用IE8的开发人员工具,进行Trace Error.最终发现原因错误信息(如下) "Invalid JSON: <form name="form1" method="post" action="ajax_select 那么如何解决呢? 原因: 肯定是请求数据类型有问题? 解决方案: 1.在Page A 页面脚本段 $.get(url,“html”); 因为$.get中的Data是可选项,现在确定原因之后,我们就来预定义好DataType 结果:OK 分析源由: 是因为$.ajaxSetup是用全局设定的,所以全局已经设定了DataType:JSON了。 那Page A 页面的$.get()肯定受及影响。 最终解决方案: 改Common.js,去掉ajaxSetup全局设定 $.ajax({ url: "…..", type: "POST", cache: true, dataType: "json",data: { cityCode: cityCode, flag: flag }, success: function(areaList) { …} }); 结果:OK

  推荐阅读

  jQuery 处理表单元素的代码

1.获取input类的值: $("input").val(); 2.获取textarea类的值: $("textarea").val(); 3.获取select类的值:$("select").val(); 当表单上含有多个input类(或者textarea类和select类),使用上述方法得到的将是一个>>>详细阅读


本文标题:jquery 问答知识整理

地址:http://www.17bianji.com/kaifa2/JS/27057.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)