jquery 问答知识整理


Posted in Javascript onFebruary 11, 2010

获取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默认是可以自由拉长的,为何控制不让其自由拉长。

jquery 问答知识整理

解决方案:

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() ???函?涤惺裁床煌??/STRONG>

http://hi.baidu.com/iloverobot/blog/item/bd3ed651ffd362868c5430bf.html

  • JSON 问题

http://blog.csdn.net/chinaontology/archive/2007/12/30/2004871.aspx

  • CSS置底的提示框

jquery 问答知识整理

jquery 问答知识整理

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

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

  • 可编辑的Input

http://acme.com/javascript/

jquery 问答知识整理

  • 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/

jquery 问答知识整理

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()肯定受及影响。

jquery 问答知识整理

最终解决方案:

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

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

    结果:OK

     jquery 问答知识整理

Javascript 相关文章推荐
js限制textarea每行输入字符串长度的代码
Oct 31 Javascript
纯js实现瀑布流展现照片(自动适应窗口大小)
Apr 08 Javascript
sliderToggle在写jquery的计时器setTimeouter中不生效
May 26 Javascript
不能不知道的10个angularjs英文学习网站
Mar 23 Javascript
js html5 css俄罗斯方块游戏再现
Oct 17 Javascript
jQuery实现动态添加tr到table的方法
Dec 26 Javascript
laydate 显示结束时间不小于开始时间的实例
Aug 11 Javascript
vue iview组件表格 render函数的使用方法详解
Mar 15 Javascript
vue项目base64字符串转图片的实现代码
Jul 13 Javascript
提升node.js中使用redis的性能遇到的问题及解决方法
Oct 30 Javascript
extjs图形绘制之饼图实现方法分析
Mar 06 Javascript
详解Vue.js3.0 组件是如何渲染为DOM的
Nov 10 Javascript
改善你的jQuery的25个步骤 千倍级效率提升
Feb 11 #Javascript
jQuery 改变CSS样式基础代码
Feb 11 #Javascript
jQuery 添加/移除CSS类实现代码
Feb 11 #Javascript
JavaScript Event学习补遗 addEventSimple
Feb 11 #Javascript
JavaScript 输入框内容格式验证代码
Feb 11 #Javascript
Extjs学习过程中新手容易碰到的低级错误积累
Feb 11 #Javascript
我遇到的参数传递中 双引号单引号嵌套问题
Feb 11 #Javascript
You might like
先进的自动咖啡技术,真的可以取代咖啡师吗?
2021/03/06 冲泡冲煮
mysql+php分页类(已测)
2008/03/31 PHP
php echo()和print()、require()和include()函数区别说明
2010/03/27 PHP
让Nginx支持ThinkPHP的URL重写和PATHINFO的方法分享
2011/08/08 PHP
关于PHPDocument 代码注释规范的总结
2013/06/25 PHP
解决Codeigniter不能上传rar和zip压缩包问题
2014/03/07 PHP
Apache启动报错No space left on device: AH00023该怎么解决
2015/10/16 PHP
基于jquery的给文章加入关键字链接
2010/10/26 Javascript
JavaScript之自定义类型
2012/05/04 Javascript
基于jQuery的遍历同id元素 并响应事件的代码
2012/06/14 Javascript
JS图片根据鼠标滚动延时加载的实例代码
2013/07/13 Javascript
javascript面向对象之对象的深入理解
2015/01/13 Javascript
jQuery的remove()方法使用详解
2015/08/11 Javascript
jquery实现点击变换导航样式的方法
2015/08/31 Javascript
使用jQuery监听DOM元素大小变化
2016/02/24 Javascript
node.js实现爬虫教程
2020/08/25 Javascript
浅谈JS之iframe中的窗口
2016/09/13 Javascript
node.js入门学习之url模块
2017/02/25 Javascript
jQuery实现选中行变色效果(实例讲解)
2017/07/06 jQuery
微信小程序swiper禁止用户手动滑动代码实例
2019/08/23 Javascript
基于vue中的scoped坑点解说
2020/09/04 Javascript
jquery实现简单每周轮换的日历
2020/09/10 jQuery
举例讲解Python中装饰器的用法
2015/04/27 Python
Python使用pymysql从MySQL数据库中读出数据的方法
2018/07/25 Python
基于python实现简单日历
2018/07/28 Python
python判断两个序列的成员是否一样的实例代码
2020/03/01 Python
python 实现Harris角点检测算法
2020/12/11 Python
荷兰和比利时时尚鞋店:Van Dalen
2018/04/23 全球购物
人事档案接收函
2014/01/12 职场文书
元旦活动感言
2014/03/08 职场文书
加多宝凉茶广告词
2014/03/18 职场文书
大学生赌博检讨书
2014/09/22 职场文书
2014年招商引资工作总结
2014/11/22 职场文书
教师廉洁自律个人总结
2015/02/10 职场文书
高校自主招生校长推荐信
2015/03/23 职场文书
python中%格式表达式实例用法
2021/06/18 Python