jquery 问答知识整理

驻足西域

驻足西域

2016-02-19 13:47

今天图老师小编给大家精心推荐个jquery 问答知识整理教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~
获取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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
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默认是可以自由拉长的,为何控制不让其自由拉长。

clip_image001

解决方案:

CSS to disable resizingtextarea {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置底的提示框

clip_image002

clip_image003

大文件上传 进度条显示 (仿csdn资源上传效果)

http://www.cnblogs.com/zengxiangzhan/archive/2010/01/14/1647866.html

可编辑的Input

http://acme.com/javascript/

clip_image004

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 wrongi let u the code that i'm using maybe u could help mefunction 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://m.tulaoshi.com/webkaifa/)

clip_image005

http://css9.net/wp-contenthttp://img.warting.com/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()肯定受及影响。

image

最终解决方案:

改Common.js,去掉ajaxSetup全局设定

$.ajax({ url: "…..", type: "POST", cache: true, dataType: "json",data: { cityCode: cityCode, flag: flag }, success: function(areaList) { …} });

结果:OK

image

展开更多 50%)
分享

猜你喜欢

jquery 问答知识整理

Web开发
jquery 问答知识整理

瑜伽美人入门知识问答

瑜伽 养生 健康
瑜伽美人入门知识问答

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

jquery 选择器部分整理

Web开发
jquery 选择器部分整理

女人经期保健知识问答

月经
女人经期保健知识问答

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jQuery入门知识简介

Web开发
jQuery入门知识简介

开始进入Linux的知识问答

Linux Linux命令 Linux安装 Linux编程 Linux桌面 Linux软件 Linux内核 Linux管理
开始进入Linux的知识问答

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

如何删除文本框里的文字内容中段落之间多余的分行

如何删除文本框里的文字内容中段落之间多余的分行

如何修改或关闭MAC点按辅键

如何修改或关闭MAC点按辅键
下拉加载更多内容 ↓