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 相关文章推荐
Array.slice()与Array.splice()的返回值类型
Oct 09 Javascript
创建一个复制UBB软件信息的链接或按钮的js代码
Jan 06 Javascript
node.js中的buffer.Buffer.isBuffer方法使用说明
Dec 14 Javascript
JavaScript中的this机制
Jan 30 Javascript
纯js实现悬浮按钮组件
Dec 17 Javascript
JS求解三元一次方程组值的方法
Jan 03 Javascript
Bootstrap实现的标签页内容切换显示效果示例
May 25 Javascript
AngularJS中table表格基本操作示例
Oct 10 Javascript
three.js中文文档学习之创建场景
Nov 20 Javascript
vue插件mescroll.js实现移动端上拉加载和下拉刷新
Mar 07 Javascript
微信小程序如何实现精确的日期时间选择器
Jan 21 Javascript
Vue多选列表组件深入详解
Mar 02 Vue.js
改善你的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
德劲1103二次变频版的打磨
2021/03/02 无线电
新浪新闻小偷
2006/10/09 PHP
php计算指定目录下文件占用空间的方法
2015/03/13 PHP
php将数组转换成csv格式文件输出的方法
2015/03/14 PHP
详解PHP的Yii框架中扩展的安装与使用
2016/04/01 PHP
PHP随机数 C扩展随机数
2016/05/04 PHP
laravel 中如何使用ajax和vue总结
2017/08/16 PHP
js通过地址栏给action传值(中文乱码全是问号)
2013/05/02 Javascript
jquery淡化版banner异步图片文字效果切换图片特效
2014/04/08 Javascript
javascript 动态创建表格
2015/01/08 Javascript
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
2015/01/19 Javascript
微信小程序 出现错误:{&quot;baseresponse&quot;:{&quot;errcode&quot;:-80002,&quot;errmsg&quot;:&quot;&quot;}}解决办法
2017/02/23 Javascript
详解element-ui动态限定的日期范围选择器代码片段
2020/07/03 Javascript
Element中Slider滑块的具体使用
2020/07/29 Javascript
[01:18]PWL开团时刻DAY10——一拳超人
2020/11/11 DOTA
Python发送email的3种方法
2015/04/28 Python
Python 中的 else详解
2016/04/23 Python
Python 结巴分词实现关键词抽取分析
2017/10/21 Python
python中dict字典的查询键值对 遍历 排序 创建 访问 更新 删除基础操作方法
2018/09/13 Python
Python爬虫之Spider类用法简单介绍
2020/08/04 Python
深入浅析pycharm中 Make available to all projects的含义
2020/09/15 Python
利用Python发送邮件或发带附件的邮件
2020/11/12 Python
详解Pycharm第三方库的安装及使用方法
2020/12/29 Python
纯CSS3实现鼠标悬停提示气泡效果
2014/02/28 HTML / CSS
HTML5打开本地app应用的方法
2016/03/31 HTML / CSS
Html5移动端获奖无缝滚动动画实现示例
2018/06/25 HTML / CSS
意大利宠物用品购物网站:Bauzaar
2018/09/15 全球购物
请写出 BOOL flag 与"零值"比较的 if 语句
2016/02/29 面试题
毕业生自荐书
2013/12/18 职场文书
学校消防演习方案
2014/02/19 职场文书
党的群众路线教育实践活动心得体会900字
2014/03/07 职场文书
2015年119消防宣传日活动总结
2015/03/24 职场文书
2015年医院后勤工作总结
2015/05/20 职场文书
教师外出学习心得体会
2016/01/18 职场文书
Go语言中的UTF-8实现
2021/04/26 Golang
sql中mod()函数取余数的用法
2021/05/29 SQL Server