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 相关文章推荐
用倒置滤镜把div倒置,再把table倒置。
Jul 31 Javascript
JavaScipt中的Math.ceil() 、Math.floor() 、Math.round() 三个函数的理解
Apr 29 Javascript
js数组的操作详解
Mar 27 Javascript
JS实现QQ图片一闪一闪的效果小例子
Jul 31 Javascript
Javascript对象属性方法汇总
Nov 21 Javascript
javascript实现淘宝幻灯片广告展示效果
Apr 27 Javascript
jquery UI Datepicker时间控件的使用方法(加强版)
Nov 07 Javascript
javascript replace()第二个参数为函数时的参数用法
Dec 26 Javascript
Vue之mixin全局的用法详解
Aug 22 Javascript
vue实现一拉到底的滑动验证
Jul 25 Javascript
TypeScript之调用栈的实现
Dec 31 Javascript
利用JavaScript为句子加标题的3种方法示例
Jan 05 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
PHP设计模式之结构模式的深入解析
2013/06/13 PHP
php利用反射实现插件机制的方法
2015/03/14 PHP
PHP中Enum(枚举)用法实例详解
2015/12/07 PHP
实例分析PHP将字符串转换成数字的方法
2019/01/27 PHP
用倒置滤镜把div倒置,再把table倒置。
2007/07/31 Javascript
一个简单的jQuery插件制作 学习过程及实例
2010/04/25 Javascript
解决javascript:window.close()在chrome,Firefox下失效的问题
2013/05/07 Javascript
Javascript 拖拽雏形(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
jQuery实现的在线答题功能
2015/04/12 Javascript
Javascript编程之继承实例汇总
2015/11/28 Javascript
javaScript 连接打印机,打印小票的实例
2017/12/29 Javascript
微信小程序实现折叠展开效果
2018/07/19 Javascript
JavaScript高级函数应用之分时函数实例分析
2018/08/03 Javascript
通过微信公众平台获取公众号文章的方法示例
2019/12/25 Javascript
JavaScript canvas实现跟随鼠标移动小球
2021/02/09 Javascript
Python制作CSDN免积分下载器
2015/03/10 Python
在Django中使用Sitemap的方法讲解
2015/07/22 Python
Python数据操作方法封装类实例
2017/06/23 Python
Python实现不规则图形填充的思路
2020/02/02 Python
python多进程 主进程和子进程间共享和不共享全局变量实例
2020/04/25 Python
Python的历史与优缺点整理
2020/05/26 Python
Anaconda详细安装步骤图文教程
2020/11/12 Python
详解CSS3中nth-child与nth-of-type的区别
2017/01/05 HTML / CSS
canvas基础之图形验证码的示例
2018/01/02 HTML / CSS
地球上最先进的胡子和头发修剪器:Bevel
2018/01/23 全球购物
美国爆米花工厂:The Popcorn Factory
2019/09/14 全球购物
计算机专业个人求职自荐信
2013/09/21 职场文书
夏季奶茶店创业计划书
2014/01/16 职场文书
医院院务公开实施方案
2014/05/03 职场文书
专家推荐信模板
2014/05/09 职场文书
物资采购方案
2014/06/12 职场文书
新闻传播专业求职信
2014/07/22 职场文书
毕业生的自我鉴定表范文
2019/05/16 职场文书
Python进程间的通信之语法学习
2022/04/11 Python
python使用BeautifulSoup 解析HTML
2022/04/24 Python
python中使用redis用法详解
2022/12/24 Redis