복붙노트

[JQUERY] 어떻게 jQuery로 이름 요소를 선택할 수 있습니다?

JQUERY

어떻게 jQuery로 이름 요소를 선택할 수 있습니다?

해결법


  1. 1.당신은 jQuery를 속성 선택기를 사용할 수 있습니다 :

    당신은 jQuery를 속성 선택기를 사용할 수 있습니다 :

    $('td[name ="tcol1"]')   // matches exactly 'tcol1'
    $('td[name^="tcol"]' )   // matches those that begin with 'tcol'
    $('td[name$="tcol"]' )   // matches those that end with 'tcol'
    $('td[name*="tcol"]' )   // matches those that contain 'tcol'
    

  2. 2.상관 특성 [ATTRIBUTE_NAME = 값]의 방법을 사용하여 선택 될 수있다. 여기에 샘플을 참조하십시오 :

    상관 특성 [ATTRIBUTE_NAME = 값]의 방법을 사용하여 선택 될 수있다. 여기에 샘플을 참조하십시오 :

    var value = $("[name='nameofobject']");
    

  3. 3.당신이 뭔가를하는 경우 :

    당신이 뭔가를하는 경우 :

    <input type="checkbox" name="mycheckbox" value="11" checked="">
    <input type="checkbox" name="mycheckbox" value="12">
    

    이 같은 모든를 읽을 수 있습니다 :

    jQuery("input[name='mycheckbox']").each(function() {
        console.log( this.value + ":" + this.checked );
    });
    

    코드 조각 :

    jQuery를 ( "입력 [NAME = 'mycheckbox']"). 각 (함수 () { 을 console.log (this.value + ":"+ this.checked); }); <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">


  4. 4.당신은 이름으로 옛날 방식을 요소의 배열을 얻을 jQuery를 해당 배열을 전달 할 수있다.

    당신은 이름으로 옛날 방식을 요소의 배열을 얻을 jQuery를 해당 배열을 전달 할 수있다.

    toggleByName 함수 () { VAR arrChkBox는 document.getElementsByName ( "chName을") =; $ (arrChkBox) .toggle (); } <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> 샌드 </ TITLE> </ head> <body> <input 타입 = "무선"NAME = "chName"/> <br /> <input 타입 = "무선"NAME = "chName"/> <br /> <input 타입 = "무선"NAME = "chName"/> <br /> <input 타입 = "무선"NAME = "chName"/> <br /> <input 타입 = "버튼"의 onclick = "toggleByName ();" 값 = "토글"/> </ body> </ HTML></p> <p>주 : 유일한 시간 당신은 체크 박스 또는 라디오 입력에 대해이어야한다 "name"속성을 사용하는 이유가있는 것입니다.</p> <p>또는 당신은 선택을위한 요소에 다른 클래스를 추가 할 수 있습니다. (이 내가 할 것 인 것이다)</p> <p>함수 toggleByClass (bolShow) { 경우 (bolShow) { $ ( "rowToToggle.") 표시 ().; } 다른 { $ ( ". rowToToggle") 숨기기 ().; } } <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> </ script> <HTML> <head> <TITLE> 샌드 </ TITLE> </ head> <body> <표> <TR> <TD> DATA1 </ TD> <TD 클래스 = "굵은 rowToToggle"> DATA2 </ TD> </ TR> <TR> <TD> DATA1 </ TD> <TD 클래스 = "굵은 rowToToggle"> DATA2 </ TD> </ TR> <TR> <TD> DATA1 </ TD> <TD 클래스 = "굵은 rowToToggle"> DATA2 </ TD> </ TR> </ 테이블> <input 타입 = "버튼"의 onclick = "toggleByClass (TRUE);" 값 = "쇼"/> <input 타입 = "버튼"의 onclick = "toggleByClass (FALSE);" 값 = "닫기"/> </ body> </ HTML></p> </li> <li> <div><hr /></div><h2>5.다음과 같은 방법으로 jQuery를에 이름 요소를 사용하여 입력 필드에서 이름 값을 얻을 수 있습니다 :</h2> <p>다음과 같은 방법으로 jQuery를에 이름 요소를 사용하여 입력 필드에서 이름 값을 얻을 수 있습니다 :</p> <p>VAR FIRSTNAME = jQuery를 ( "# form1에 입력 [NAME = FIRSTNAME]") 발 ().; // 반환 ABCD VAR LASTNAME = jQuery를 ( "# form1에 입력 [NAME = LASTNAME]") 발 ().; // 반환 XYZ CONSOLE.LOG (FIRSTNAME); CONSOLE.LOG (LASTNAME); <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> </ script> <form 이름 = "form1에"ID = "Form1을"> <input 타입 = "텍스트"이름 = "FIRSTNAME"값 = "ABCD"/> <input 타입 = "텍스트"이름 = "LASTNAME"값 = "XYZ"/> </ FORM></p> </li> <li> <div><hr /></div><h2>6.프레임 워크는 일반적으로 같은 형태의 브래킷 이름을 사용 :</h2> <p>프레임 워크는 일반적으로 같은 형태의 브래킷 이름을 사용 :</p> <pre><code><input name=user[first_name] /> </code></pre> <p>그들은 액세스 할 수 있습니다 :</p> <pre><code>// in JS: this.querySelectorAll('[name="user[first_name]"]') // in jQuery: $('[name="user[first_name]"]') // or by mask with escaped quotes: this.querySelectorAll("[name*=\"[first_name]\"]") </code></pre> </li> <li> <div><hr /></div><h2>7.나는이 같은 짓을했는지 그것은 작동합니다 :</h2> <p>나는이 같은 짓을했는지 그것은 작동합니다 :</p> <pre><code>$('[name="tcol1"]') </code></pre> <p>https://api.jquery.com/attribute-equals-selector/</p> </li> <li> <div><hr /></div><h2>8.당신은 허용 대답이 부정확하게 인용의 두 번째 세트를 잊었 :</h2> <p>당신은 허용 대답이 부정확하게 인용의 두 번째 세트를 잊었 :</p> <pre><code>$('td[name="tcol1"]') </code></pre> </li> <li> <div><hr /></div><h2>9.여기서 간단한 해결책이다 : $ ( 'TD [NAME = tcol1])</h2> <p>여기서 간단한 해결책이다 : $ ( 'TD [NAME = tcol1])</p> </li> <li> <div><hr /></div><h2>10.이 같은 자사의 ID 속성을 사용하여 JQuery와의 요소를 얻을 수 있습니다 :</h2> <p>이 같은 자사의 ID 속성을 사용하여 JQuery와의 요소를 얻을 수 있습니다 :</p> <pre><code>$("#tcol1").hide(); </code></pre> </li> <li> <div><hr /></div><h2>11.당신은 [속성 _ = 값]을 선택 같은 속성을 사용할 수 있습니다.</h2> <p>당신은 [속성 _ = 값]을 선택 같은 속성을 사용할 수 있습니다.</p> <pre><code>$('td[name=tcol1]').hide(); </code></pre> </li> <li> <div><hr /></div><h2>12.개인적으로, 내가 과거에했던 것은 그들에게 공통의 클래스 ID를 부여하고이를 선택하는 데 사용됩니다. 그들은 클래스가 존재하지 않을 수 있습니다 지정한 가지고 그것은 이상을하지 않을 수 있지만 선택 훨씬 쉽게의 지옥을 만든다. 그냥 당신이 당신의 클래스 이름에 독특한있어합니다.</h2> <p>개인적으로, 내가 과거에했던 것은 그들에게 공통의 클래스 ID를 부여하고이를 선택하는 데 사용됩니다. 그들은 클래스가 존재하지 않을 수 있습니다 지정한 가지고 그것은 이상을하지 않을 수 있지만 선택 훨씬 쉽게의 지옥을 만든다. 그냥 당신이 당신의 클래스 이름에 독특한있어합니다.</p> <p>즉, 내가 클래스 선택을 사용하십시오 위의 예를 들어. 당신이 jQuery를 결과에 어떤 실수 흠을하지 않도록 더 나은 여전히 ​​'tcol1'굵게에서 클래스 이름을 변경하는 것입니다. 굵은 실제로 CSS 클래스를 참조 않는 경우, 당신은 항상 클래스 속성에 모두를 지정할 수 있습니다 - 즉 '클래스 = "tcol1 굵은' '.</p> <p>요약하면, 당신은 이름에 의해 선택 중 하나 복잡의 jQuery 셀렉터를 사용하고 관련 성능 저하를 그대로 사용하거나 클래스 선택기를 사용할 수없는 경우.</p> <p>당신은 항상 테이블 이름을 포함하여 jQuery를 범위를 제한 할 수 있습니다 즉, $ ( '# TABLEID> .bold를')</p> <p>즉, "세계"를 검색에서 jQuery를 제한해야합니다.</p> <p>그 여전히 복잡한 선택으로 분류 될 수 있지만, 이렇게 빨리 최소한으로 처리를 계속, '#tableID'의 ID와 테이블 내에서 모든 검색을 제한합니다.</p> <p>당신은 #의 표에서 1 개 이상의 요소를 찾고 있다면 이것의 대안 범위를 별도로를 검색하고이 한계로 jQuery를에 전달 할 수 있지만 때마다 그것을보고 처리하는 비트를 저장한다.</p> <pre><code>var tbl = $('#tableID'); var boldElements = $('.bold',tbl); var rows = $('tr',tbl); if (rows.length) { var row1 = rows[0]; var firstRowCells = $('td',row1); } </code></pre> </li> <li> <div><hr /></div><h2>13.오늘 (2020년 6월 16일) 내가 크롬 83.0에 맥 OS 높은 시에라에 선택한 솔루션 테스트를 수행, 사파리 13.1.1와 파이어 폭스 77.0.</h2> <p>오늘 (2020년 6월 16일) 내가 크롬 83.0에 맥 OS 높은 시에라에 선택한 솔루션 테스트를 수행, 사파리 13.1.1와 파이어 폭스 77.0.</p> <p>이름으로 요소를 가져옵니다</p> <p>이름으로 행을 얻고 숨길 (우리는 기본 솔루션을 미리 계산 배제합니다 (I) - 이론적으로 가장 빠른) 비교에서 - 그것은 참고 자료로 사용됩니다)</p> <p></p> <p>I는 이름 (A, B, C, D)을 판독 요소 개의 테스트를 수행하고 그 감추기 요소 (E, F, G, H, I)</p> <p>코드 조각 선물 사용하는 코드 아래에</p> <p>//https://stackoverflow.com/questions/1107220/how-can-i-select-an-element-by-name-with-jquery# // https://jsbench.me/o6kbhyyvib/1 // https://jsbench.me/2fkbi9rirv/1 함수 A () { 창 $ ( '[NAME = tcol1]); } 함수 B () { 반환 $ (document.getElementsByName ( "tcol1")) } 함수 C () { 반환 document.getElementsByName ( "tcol1") } 함수 D () { 창 document.querySelectorAll ( '[NAME = tcol1]) } 함수 E () { $ ( '[NAME = tcol1]) 감추기 ().; } 함수 F () { $ (document.getElementsByName ( "tcol1")) 숨기기 ().; } 함수 G () { document.getElementsByName ( "tcol1") 대해 forEach (E => e.style.display = '없음.'); } 함수 H () { document.querySelectorAll ( '[NAME = tcol1]) 대해 forEach (E => e.style.display ='없음. '); } 함수 I () { 하자 elArr = ... document.getElementsByName ( "tcol1을")]; 길이 = elArr.length하자 대해 (ⅰ = 0하자 나는 <길이; I ++) elArr [I] .style.display = '없음'; } // ----------- // 테스트 // ----------- 리셋 기능 () {$ ( 'TD [NAME = tcol1]) 표시 ().; } [A, B, C, D] .forEach (F => CONSOLE.LOG ( '$ {} f.name 행 $ {. F ()의 길이}')); <스크립트 SRC = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"> </ script> <DIV>이 조각에만 선물을 사용하는 코드 </ DIV> <표> <TR> <TD> DATA1 </ TD> <TD 이름 = "tcol1"클래스 = "굵은"> DATA2 </ TD> </ TR> <TR> <TD> DATA1 </ TD> <TD 이름 = "tcol1"클래스 = "굵은"> DATA2 </ TD> </ TR> <TR> <TD> DATA1 </ TD> <TD 이름 = "tcol1"클래스 = "굵은"> DATA2 </ TD> </ TR> </ 테이블> <버튼의 onclick = "E ()"> E : 감추기 </ 버튼> <버튼의 onclick = "F ()"> F : 숨기기 </ 버튼> <버튼의 onclick = "G ()"> G : 숨기기 </ 버튼> <버튼의 onclick = "H ()"> H : 숨기기 </ 버튼> <버튼의 onclick = "나는 ()"> I : 숨기기 </ 버튼>로 <br> <버튼의 onclick = "초기화 ()"> 리셋 </ 버튼></p> <p>크롬의 예제 결과</p> <p></p> </li> <li> <div><hr /></div><h2>14.당신은 기능을 사용할 수 있습니다 :</h2> <p>당신은 기능을 사용할 수 있습니다 :</p> <pre><code>get.elementbyId(); </code></pre> </li> </ul> <p>from <a href='https://stackoverflow.com/questions/1107220/how-can-i-select-an-element-by-name-with-jquery' target='_blank'>https://stackoverflow.com/questions/1107220/how-can-i-select-an-element-by-name-with-jquery</a> by cc-by-sa and MIT license</p></div> <!-- System - START --> <!-- System - END --> <!-- Adfit_PC - START --> <!-- Adfit_PC - END --> <!-- GoogleAdsenseForResponsive - START --> <div class="tt_adsense_bottom" style="margin-top:30px;"> <DIV class='ads_adsense_img' style='margin:40px 0px 40px 0px;'> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- 디스플레이광고만 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8393857339019314" data-ad-slot="7474886381" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </DIV> </div> <!-- GoogleAdsenseForResponsive - END --> <div class="container_postbtn #post_button_group"> <div class="postbtn_like"><script>window.ReactionButtonType = 'reaction'; window.ReactionApiUrl = '//cnpnote.tistory.com/reaction'; window.ReactionReqBody = { entryId: 19053 }</script> <div class="wrap_btn" id="reaction-19053"></div> <script src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-e11b6cd63d67e948b9dd33a1d0a60492dd6a0cbf/static/script/reaction-button-container.min.js"></script><div class="wrap_btn wrap_btn_share"><button type="button" class="btn_post sns_btn btn_share" aria-expanded="false" data-thumbnail-url="https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png" data-title="[JQUERY] 어떻게 jQuery로 이름 요소를 선택할 수 있습니다?" data-description="어떻게 jQuery로 이름 요소를 선택할 수 있습니다? 해결법 1.당신은 jQuery를 속성 선택기를 사용할 수 있습니다 : 당신은 jQuery를 속성 선택기를 사용할 수 있습니다 : $('td[name ="tcol1"]') // matches exactly 'tcol1' $('td[name^="tcol"]' ) // matches those that begin with 'tcol' $('td[name$="tcol"]' ) // matches those that end with 'tcol' $('td[name*="tcol"]' ) // matches those that contain 'tcol' 2.상관 특성 [ATTRIBUTE_NAME = 값]의 방법을 사용하여 선택 될 수있다. 여기에 샘플을 참조하십.." data-profile-image="https://t1.daumcdn.net/tistory_admin/static/manage/images/r3/default_L.png" data-profile-name="cnpnote" data-pc-url="https://cnpnote.tistory.com/entry/JQUERY-%EC%96%B4%EB%96%BB%EA%B2%8C-jQuery%EB%A1%9C-%EC%9D%B4%EB%A6%84-%EC%9A%94%EC%86%8C%EB%A5%BC-%EC%84%A0%ED%83%9D%ED%95%A0-%EC%88%98-%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4" data-relative-pc-url="/entry/JQUERY-%EC%96%B4%EB%96%BB%EA%B2%8C-jQuery%EB%A1%9C-%EC%9D%B4%EB%A6%84-%EC%9A%94%EC%86%8C%EB%A5%BC-%EC%84%A0%ED%83%9D%ED%95%A0-%EC%88%98-%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4" data-blog-title="복붙노트"><span class="ico_postbtn ico_share">공유하기</span></button> <div class="layer_post" id="tistorySnsLayer"></div> </div><div class="wrap_btn wrap_btn_etc" data-entry-id="19053" data-entry-visibility="public" data-category-visibility="public"><button type="button" class="btn_post btn_etc2" aria-expanded="false"><span class="ico_postbtn ico_etc">게시글 관리</span></button> <div class="layer_post" id="tistoryEtcLayer"></div> </div></div> <button type="button" class="btn_menu_toolbar btn_subscription #subscribe" data-blog-id="2840920" data-url="https://cnpnote.tistory.com/entry/JQUERY-%EC%96%B4%EB%96%BB%EA%B2%8C-jQuery%EB%A1%9C-%EC%9D%B4%EB%A6%84-%EC%9A%94%EC%86%8C%EB%A5%BC-%EC%84%A0%ED%83%9D%ED%95%A0-%EC%88%98-%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4" data-device="web_pc"><em class="txt_state">구독하기</em><strong class="txt_tool_id">복붙노트</strong><span class="img_common_tistory ico_check_type1"></span></button> <div data-tistory-react-app="SupportButton"></div> </div> <!-- PostListinCategory - START --> <div class="another_category another_category_color_gray"> <h4>'<a href="/category/JQUERY">JQUERY</a>' 카테고리의 다른 글</h4> <table> <tr> <th><a href="/entry/JQUERY-JQuery%EC%99%80-%EC%95%84%EC%95%BD%EC%8A%A4-%EC%9B%B9-%EC%84%9C%EB%B9%84%EC%8A%A4%EC%97%90-JSON%EC%9D%84-%EA%B2%8C%EC%8B%9C">[JQUERY] JQuery와 아약스 웹 서비스에 JSON을 게시</a>  <span>(0)</span></th> <td>2020.09.29</td> </tr> <tr> <th><a href="/entry/JQUERY-%EB%82%98%EB%8A%94-%EC%96%91%EC%8B%9D%EC%9D%84-%EC%A0%9C%EC%B6%9C%ED%95%98%EC%A7%80-%EC%95%8A%EB%8A%94-%EB%B2%84%ED%8A%BC%EC%9D%84-%EB%A7%8C%EB%93%A4-%EC%88%98-%EC%9E%88%EC%8A%B5%EB%8B%88%EA%B9%8C">[JQUERY] 나는 양식을 제출하지 않는 <버튼>을 만들 수 있습니까?</a>  <span>(0)</span></th> <td>2020.09.29</td> </tr> <tr> <th><a href="/entry/JQUERY-%EC%96%B4%EB%96%BB%EA%B2%8C-%EC%A0%9C%EB%8C%80%EB%A1%9C-%EC%95%BD%EC%86%8D-%EC%B2%B4%EC%9D%B8%EC%9D%98-%ED%83%88%EC%98%A5">[JQUERY] 어떻게 제대로 약속 체인의 탈옥?</a>  <span>(0)</span></th> <td>2020.09.29</td> </tr> <tr> <th><a href="/entry/JQUERY-%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80-%EA%B0%80%EA%B9%8C%EC%9A%B4-%EC%9D%B4%EB%B2%A4%ED%8A%B8%EB%A5%BC-%EA%B0%90%EC%A7%80%ED%95%98%EB%8A%94-%EC%8B%9C%EB%8F%84">[JQUERY] 브라우저 가까운 이벤트를 감지하는 시도</a>  <span>(0)</span></th> <td>2020.09.29</td> </tr> <tr> <th><a href="/entry/JQUERY-%EB%8A%94-X-%EC%9A%94%EC%B2%AD-%EC%9C%BC%EB%A1%9C-%ED%97%A4%EB%8D%94%EC%9D%98-%EC%A0%90%EC%9D%80-%EB%AC%B4%EC%97%87%EC%9E%85%EB%8B%88%EA%B9%8C">[JQUERY] 는 X-요청-으로 헤더의 점은 무엇입니까?</a>  <span>(0)</span></th> <td>2020.09.29</td> </tr> </table> </div> <!-- PostListinCategory - END --> </div> <div class="entry-footer"> <div class="actionTrail"> <a href="#tb" onclick=""></a>, <a href="#rp" onclick=""></a> </div> <div data-tistory-react-app="Namecard"></div> </div> </div> </div><!-- entry close --> </article> </div><!-- container close --> <aside role="complementary" id="sidebar"> <div class="container"> <div class="sidebar-inner"> <div class="module module_plugin"> <!-- Adfit_PC - START --> <ins class="kakao_ad_area" style="display:none;" data-ad-unit = "DAN-ubre63wuo3sm" data-ad-width = "160" data-ad-height = "600"></ins> <script type="text/javascript" src="//t1.daumcdn.net/kas/static/ba.min.js" async></script> <!-- Adfit_PC - END --> </div> <!-- 검색 모듈 --> <div class="widget widget-search col-md-3 col-xs-12"> <h3><i class="icon-magnifier icons"></i> Search</h3> <input type="text" name="search" value="" onkeypress="if (event.keyCode == 13) { try { window.location.href = '/search' + '/' + looseURIEncode(document.getElementsByName('search')[0].value); document.getElementsByName('search')[0].value = ''; return false; } catch (e) {} }"/> <input value="검색" type="button" onclick="try { window.location.href = '/search' + '/' + looseURIEncode(document.getElementsByName('search')[0].value); document.getElementsByName('search')[0].value = ''; return false; } catch (e) {}" class="btn btn-default btn-sm"/> </div> <!-- 카테고리 모듈 --> <div class="widget widget-category col-md-3 col-xs-12"> <h3><i class="icon-direction icons"></i> 카테고리</h3> <ul class="tt_category"><li class=""><a href="/category" class="link_tit"> 분류 전체보기 </a> <ul class="category_list"><li class=""><a href="/category/PHP" class="link_item"> PHP </a></li> <li class=""><a href="/category/%EC%8A%A4%ED%81%AC%EB%9E%98%EC%B9%98%203.0" class="link_item"> 스크래치 3.0 </a></li> <li class=""><a href="/category/PYTHON" class="link_item"> PYTHON </a></li> <li class=""><a href="/category/SPRING" class="link_item"> SPRING </a></li> <li class=""><a href="/category/HADOOP" class="link_item"> HADOOP </a></li> <li class=""><a href="/category/SCALA" class="link_item"> SCALA </a></li> <li class=""><a href="/category/MONGODB" class="link_item"> MONGODB </a></li> <li class=""><a href="/category/REDIS" class="link_item"> REDIS </a></li> <li class=""><a href="/category/RUBY-ON-RAILS" class="link_item"> RUBY-ON-RAILS </a></li> <li class=""><a href="/category/SQL" class="link_item"> SQL </a></li> <li class=""><a href="/category/NODEJS" class="link_item"> NODEJS </a></li> <li class=""><a href="/category/JQUERY" class="link_item"> JQUERY </a></li> <li class=""><a href="/category/ANDROID" class="link_item"> ANDROID </a></li> <li class=""><a href="/category/SWIFT" class="link_item"> SWIFT </a></li> <li class=""><a href="/category/HTML" class="link_item"> HTML </a></li> <li class=""><a href="/category/CSS" class="link_item"> CSS </a></li> <li class=""><a href="/category/REACTJS" class="link_item"> REACTJS </a></li> <li class=""><a href="/category/VUEJS" class="link_item"> VUEJS </a></li> <li class=""><a href="/category/WORDPRESS" class="link_item"> WORDPRESS </a></li> <li class=""><a href="/category/ANGULAR" class="link_item"> ANGULAR </a></li> <li class=""><a href="/category/MICROSERVICE" class="link_item"> MICROSERVICE </a></li> <li class=""><a href="/category/DJANGO" class="link_item"> DJANGO </a></li> <li class=""><a href="/category/FLASK" class="link_item"> FLASK </a></li> <li class=""><a href="/category/APACHE" class="link_item"> APACHE </a></li> <li class=""><a href="/category/GO" class="link_item"> GO </a></li> <li class=""><a href="/category/JAVA" class="link_item"> JAVA </a></li> <li class=""><a href="/category/FLUTTER" class="link_item"> FLUTTER </a></li> <li class=""><a href="/category/REACTIVE" class="link_item"> REACTIVE </a></li> <li class=""><a href="/category/SPA" class="link_item"> SPA </a></li> </ul> </li> </ul> </div> <!-- 태그목록 모듈 --> <div class="widget widget-tag col-md-3 col-xs-12"> <h3><i class="icon-tag icons"></i> 태그목록</h3> <ul> <li><a href="/tag/mysql" class="cloud4"> mysql</a></li> <li><a href="/tag/java" class="cloud2"> java</a></li> <li><a href="/tag/sql" class="cloud2"> sql</a></li> <li><a href="/tag/PYTHON" class="cloud3"> PYTHON</a></li> <li><a href="/tag/jQuery" class="cloud4"> jQuery</a></li> <li><a href="/tag/spring-mvc" class="cloud4"> spring-mvc</a></li> <li><a href="/tag/spring" class="cloud1"> spring</a></li> <li><a href="/tag/php" class="cloud4"> php</a></li> <li><a href="/tag/HADOOP" class="cloud3"> HADOOP</a></li> <li><a href="/tag/javascript" class="cloud4"> javascript</a></li> </ul> </div> <!-- 최근 포스트 모듈 --> <div class="widget widget-post col-md-3 col-xs-12"> <h3><i class="icon-list icons"></i> 최근에 올라온 글 </h3> <ul> </ul> </div> </div> </div> </div><!-- container close --> </aside><!-- sidebar close --> <footer role="contentinfo"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 footer-menu"> <a href="https://cnpnote.tistory.com/tag"><i class="icon-tag icons"></i> </a> <a href="https://cnpnote.tistory.com/rss" onclick="window.open(this.href); return false"><i class="icon-feed icons"></i> </a> </div> <div class="col-xs-12 col-sm-12 col-md-12 footer-copyright text-right"> <a href="https://cnpnote.tistory.com/"> cnpnote</a>'s Blog is powered by <a href="http://daum.net" onclick="window.open(this.href); return false">Daumkakao</a> / Designed by <a href="http://ongal.tistory.com">CEOSEO</a> </div> </div> </div> </footer> <!-- jQuery --> <script src="https://tistory1.daumcdn.net/tistory/2840920/skin/images/jquery-1.11.0.min.js?_version_=1583344392"></script> <div class="#menubar menu_toolbar "> <h2 class="screen_out">티스토리툴바</h2> <div class="btn_tool"><button class="btn_menu_toolbar btn_subscription #subscribe" data-blog-id="2840920" data-url="https://cnpnote.tistory.com" data-device="web_pc"><strong class="txt_tool_id">복붙노트</strong><em class="txt_state">구독하기</em><span class="img_common_tistory ico_check_type1"></span></button></div></div> <div class="#menubar menu_toolbar "></div> <div class="layer_tooltip"> <div class="inner_layer_tooltip"> <p class="desc_g"></p> </div> </div> <iframe id="editEntry" style="position:absolute;width:1px;height:1px;left:-100px;top:-100px" src="//cnpnote.tistory.com/api"></iframe> <!-- DragSearchHandler - START --> <script src="//search1.daumcdn.net/search/statics/common/js/g/search_dragselection.min.js"></script> <!-- DragSearchHandler - END --> <script type="text/javascript">(function($) { $(document).ready(function() { lightbox.options.fadeDuration = 200; lightbox.options.resizeDuration = 200; lightbox.options.wrapAround = false; lightbox.options.albumLabel = "%1 / %2"; }) })(tjQuery);</script> <div style="margin:0; padding:0; border:none; background:none; float:none; clear:none; z-index:0"></div> <script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-e11b6cd63d67e948b9dd33a1d0a60492dd6a0cbf/static/script/common.js"></script> <script type="text/javascript">window.roosevelt_params_queue = window.roosevelt_params_queue || [{channel_id: 'dk', channel_label: '{tistory}'}]</script> <script type="text/javascript" src="//t1.daumcdn.net/midas/rt/dk_bt/roosevelt_dk_bt.js" async="async"></script> <script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-e11b6cd63d67e948b9dd33a1d0a60492dd6a0cbf/static/script/menubar.min.js"></script> <script>window.tiara = {"svcDomain":"user.tistory.com","section":"글뷰","trackPage":"글뷰_보기","page":"글뷰","key":"2840920-19053","customProps":{"userId":"0","blogId":"2840920","entryId":"19053","role":"guest","trackPage":"글뷰_보기","filterTarget":false},"entry":{"entryId":"19053","categoryName":"JQUERY","categoryId":"381321","author":"3264508","image":"","plink":"/entry/JQUERY-%EC%96%B4%EB%96%BB%EA%B2%8C-jQuery%EB%A1%9C-%EC%9D%B4%EB%A6%84-%EC%9A%94%EC%86%8C%EB%A5%BC-%EC%84%A0%ED%83%9D%ED%95%A0-%EC%88%98-%EC%9E%88%EC%8A%B5%EB%8B%88%EB%8B%A4","tags":["Dom","HTML","javascript","jQuery","jQuery-Selectors"]},"kakaoAppKey":"3e6ddd834b023f24221217e370daed18","appUserId":"null"}</script> <script type="module" src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.0/index.js"></script> <script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.0/polyfills-legacy.min.js" nomodule="true" defer="true"></script> <script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.0/index-legacy.js" nomodule="true" defer="true"></script> </body> </html>