jquery 질문과 답변 지식compile_jquery

ID 가져오기: $(this).attr("id");
:사용하지 않음
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)"), 불가능합니다
지금은 id가 이전 tb를 기준으로 합니다^=tb: 동작하지 않습니다
BackGround-Color를 원래 색상으로 복원
background-color: transparent
Href 밑줄 제거, 방문 스타일
a, a:visited{ text-꾸밈: 없음;}
Li의 포인트 스타일 제거
li{margin:0; sytle:none}
현재 개체의 스타일에서 특정 스타일 가져오기
$("#divDept").css("display")
CSS BackGround URL을 표시할 수 없습니다
IE 브라우저 때문에 와 FF는 처리 경로가 다릅니다. IE에서 boxy.css 코드를 다음과 같이 수정합니다.

코드 복사 코드는 다음과 같습니다.

.boxy-wrapper .top-left { 배경: url ('images/boxy-nw.png') }
.boxy-wrapper .top-right { 배경: url('images/boxy-ne.png') }
.boxy- 래퍼 .bottom -right { 배경: url('images/boxy-se.png') }
.boxy-wrapper .bottom-left { 배경: url('images/boxy-sw.png') }
/* IE6 7 국경 해킹. IE7은 이를 기본적으로 지원해야 하지만 모달 블랙아웃 bg와 함께 실패합니다. */
/* 주의: 이는 이미지에 대한 절대 경로 또는 URL이어야 합니다. */
.boxy-wrapper .top-left { #배경: 없음; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy-nw.png') }
.boxy-wrapper .top-right { #배경: 없음; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy-ne.png') }
.boxy-wrapper .bottom-right { #배경: 없음 #filter; :progid: DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy-se.png') }
.boxy-wrapper .bottom-left { #배경: 없음 #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src= 'images/boxy-sw.png') }

IE에서는 정상적으로 표시됩니다.
테이블 객체 가져오기
$("table[id=tableID]") 또는 $("#tableID")CountDown 사용법

코드 복사 코드는 다음과 같습니다:

$.getJSON(

loginServiceUrl,{ method: "Logout"},

function(result ) {

if (result.Url != null) {

$("#transfer").countdown({
until: " 5s",
expiryUrl: 결과 .Url,
onTick: function(마침표){
$(this).text(마침표[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默认是可以自由拉长的，为何控制不让其自由拉长。
  

解决方案：

CSS to disable resizing

textarea {
resize: none;
}
<textarea <SPAN style="COLOR: #0000ff">name</SPAN>="<SPAN style="COLOR: #8b0000">foo</SPAN>">

textarea[<span style="COLOR: #0000ff">name</span>=foo] {
resize: none;
}

HTML is <textarea id="<SPAN style="COLOR: #8b0000">foo</SPAN>">)

#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置底的提示框

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

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

• 可编辑的Input

http://acme.com/javascript/

• 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

<span style="COLOR: #800000">first</span> <span style="COLOR: #800000">of</span> <span style="COLOR: #800000">all</span> <span style="COLOR: #800000">sorry</span> <span style="COLOR: #800000">about</span> <span style="COLOR: #800000">my</span> <span style="COLOR: #800000">english</span>, <span style="COLOR: #800000">it</span>'<span style="COLOR: #800000">s</span> <span style="COLOR: #800000">not</span> <span style="COLOR: #800000">my</span> <span style="COLOR: #800000">native</span> <span style="COLOR: #800000">lengauge</span>...
<span style="COLOR: #800000">i</span> <span style="COLOR: #800000">have</span> <span style="COLOR: #800000">a</span> <span style="COLOR: #800000">xml</span> <span style="COLOR: #800000">file</span> <span style="COLOR: #800000">that</span> <span style="COLOR: #800000">i</span>'<span style="COLOR: #800000">m</span> <span style="COLOR: #800000">reading</span> <span style="COLOR: #800000">with</span> <span style="COLOR: #800000">the</span> <span style="COLOR: #800000">sample</span> <span style="COLOR: #800000">code</span> <span style="COLOR: #800000">above</span>... 

<span style="COLOR: #800000">but</span> <span style="COLOR: #800000">when</span> <span style="COLOR: #800000">i</span> <span style="COLOR: #800000">try</span> <span style="COLOR: #800000">to</span> <span style="COLOR: #800000">read</span> <span style="COLOR: #800000">it</span> <span style="COLOR: #800000">from</span> <span style="COLOR: #800000">a</span> <span style="COLOR: #800000">service</span> <span style="COLOR: #800000">web</span> <span style="COLOR: #800000">page</span> (<span style="COLOR: #800000"><a href="http://www.google.com/ig/api?weather=Buenos%20A">http</a></span>://<span style="COLOR: #800000">www</span>.<span style="COLOR: #800000">google</span>.<span style="COLOR: #800000">com</span>/<span style="COLOR: #800000">ig</span>/<span style="COLOR: #800000">api</span>?<span style="COLOR: #800000">weather</span>=<span style="COLOR: #800000">Buenos</span>%<span style="COLOR: #800000">20A</span>...), 

<span style="COLOR: #800000">it</span> <span style="COLOR: #800000">doesn</span>'<span style="COLOR: #800000">t</span> <span style="COLOR: #800000">show</span> <span style="COLOR: #800000">anything</span>... <span style="COLOR: #800000">and</span> <span style="COLOR: #800000">if</span> <span style="COLOR: #800000">i</span> <span style="COLOR: #800000">write</span> <span style="COLOR: #800000">the</span> <span style="COLOR: #800000">same</span> <span style="COLOR: #800000">content</span> <span style="COLOR: #800000">of</span> <span style="COLOR: #800000">this</span> <span style="COLOR: #800000">page</span> <span style="COLOR: #800000">in</span> <span style="COLOR: #800000">a</span> <span style="COLOR: #800000">xml</span> <span style="COLOR: #800000">file</span> <span style="COLOR: #800000">in</span> <span style="COLOR: #800000">my</span> <span style="COLOR: #800000">pc</span>, 

<span style="COLOR: #800000">it</span> <span style="COLOR: #800000">works</span> <span style="COLOR: #800000">perfectly</span>... <span style="COLOR: #800000">i</span> <span style="COLOR: #800000">dont</span> <span style="COLOR: #800000">know</span> <span style="COLOR: #800000">what</span> <span style="COLOR: #800000">am</span> <span style="COLOR: #800000">i</span> <span style="COLOR: #800000">doing</span> <span style="COLOR: #800000">wrong</span>
<span style="COLOR: #800000">i</span> <span style="COLOR: #800000">let</span> <span style="COLOR: #800000">u</span> <span style="COLOR: #800000">the</span> <span style="COLOR: #800000">code</span> <span style="COLOR: #800000">that</span> <span style="COLOR: #800000">i</span>'<span style="COLOR: #800000">m</span> <span style="COLOR: #800000">using</span> <span style="COLOR: #800000">maybe</span> <span style="COLOR: #800000">u</span> <span style="COLOR: #800000">could</span> <span style="COLOR: #800000">help</span> <span style="COLOR: #800000">me</span>
<span style="COLOR: #800000">function</span> <span style="COLOR: #800000">clima</span>(){
$.<span style="COLOR: #ff0000">ajax</span>(<span style="COLOR: #0000ff">{
  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)</span>;
  }
 });
}

<span style="COLOR: #800000">function</span> <span style="COLOR: #800000">clima</span>() {
$.<span style="COLOR: #ff0000">ajax</span>(<span style="COLOR: #0000ff">{
  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")</span>;
<span style="COLOR: #ff0000">   alert</span>(<span style="COLOR: #0000ff">"Prognostico para hoy: " + weather + " grados")</span>;
  }
 });
}

 

• FullSize：一个新的IMG标签属性（附带JQuery实现）

http://css9.net/img-fullsize/

http://css9.net/wp-content/uploads/2009/04/fullsize/example.html

有关于$.ajaxSetup和$.get的问题

在Common.js中使用

  $.ajaxSetup({
    url: "<span style="COLOR: #8b0000">…..</span>",
    type: "<span style="COLOR: #8b0000">POST</span>",
    cache: <span style="COLOR: #0000ff">true</span>,
    dataType: "<span style="COLOR: #8b0000">json</span>"
  });
  $.ajax({
    data: { cityCode: cityCode, flag: flag },
    success: <span style="COLOR: #0000ff">function</span>(areaList) { …}

  });

在PageA页面引入Common.js

   然后在脚本段中使用 $.get(url);

  此处url调用的是一个aspx页面，显示结果为无数据加载！（正常情况：有数据加载。）

  然后经过使用IE8的开发人员工具，进行Trace Error.最终发现原因错误信息（如下）

  "Invalid JSON:

"form1" method="post" action="ajax_select

那么如何解决呢？

原因：

        肯定是请求数据类型有问题？

解决方案：

        1.在Page A 页面脚本段 $.get(url，“html”); 

          因为$.get中的Data是可选项，现在确定原因之后，我们就来预定义好DataType

       结果：OK

分析源由：

     是因为$.ajaxSetup是用全局设定的，所以全局已经设定了DataType:JSON了。

     那Page A 页面的$.get()肯定受及影响。

最终解决方案：

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

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

    结果：OK