jquery 문답 지식 정리

17031 단어 jquery문답
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(tbBasic Info)")이 안 됩 니 다.이 때 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);
}
.
  • 크롬 에서 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
  • 구 글 chrome/safari 에서 textbox 는 기본적으로 자 유 롭 게 늘 릴 수 있 습 니 다.왜 자 유 롭 게 늘 리 지 못 하 게 제어 합 니까?
  • clip_image001
    해결 방안:
    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()함 은 청 청 재단 상 황 을 세척 합 니까?
  • http://hi.baidu.com/iloverobot/blog/item/bd3ed651ffd362868c5430bf.html
  • JSON 문제
  • http://blog.csdn.net/chinaontology/archive/2007/12/30/2004871.aspx
  • CSS 기본 알림 상자
  • clip_image002
    clip_image003
  • 큰 파일 업로드 진도 표시(csdn 자원 업로드 효과 모방)
  • http://www.cnblogs.com/zengxiangzhan/archive/2010/01/14/1647866.html
  • 편집 가능 한 Input
  • http://acme.com/javascript/
    clip_image004
  • jquery html 헤드 정보 설정
  • http://home.phpchina.com/space.php?uid=155537&do=blog&id=182698
  • jQuery 와 prototype(ajax pro)의 충돌 해결 방법
  • http://www.cnblogs.com/sxlfybb/archive/2009/06/04/1495995.html
  • jQuery+Handler(ashx)+LINQ F 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/
    clip_image005
    http://css9.net/wp-content/uploads/2009/04/fullsize/example.html
    질문
    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:
    image
    최종 해결 방안:
        Common.js 를 바 꾸 고 ajax Setup 전역 설정 을 제거 합 니 다.
           $.ajax({ url: "…..", type: "POST", cache: true, dataType: "json",data: { cityCode: cityCode, flag: flag }, success: function(areaList) { …} });
        결과:OK
         image

    좋은 웹페이지 즐겨찾기