一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

jquery 問答知識整理

2014-10-23 12:54:54 分類：JavaScript技術 閱讀()
獲取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默認是可以自由拉長的，為何控制不讓其自由拉長。

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, '');