front-end:jquery [Ledyx WIKI]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.

= jQuery =

$([[language:html_css#css|선택자]]).METHOD();
<code jquery>
$('h1').css('color', 'red');
</code>

{{tag>JavaScript}}

= 자주 쓰는 문법 =
== AJAX ==

<sxh javascript>
$.ajax({
    type: "POST",
    url: "/url",

    headers: {
        "Content-Type": "application/json",
        "X-HTTP-Method-Override": "POST"
    },
    data: JSON.stringify({key1:value1, key2:value2}),

    dataType: "text",
    success: function (response) {

    },
    error : function(request, status, error) {
		alert("code : " + request.status + "\n"
			+ "message : " + request.responseText + "\n" 
			+ "error : " + error);
    }
});
</sxh>

1.8 이후로 **success, error, complete** deprecated! **done, fail, alaways**로 대체!

= Version =
== 1.x ==
IE8 지원.

1.x Download
  * https://code.jquery.com/jquery/#jquery-all-1.x
    * https://code.jquery.com/jquery-1.12.4.min.js

= IDE 자동 완성 및 문서 =

== Visual Studio ==
script에 추가한다.
  * http://www.asp.net/ajax/cdn#Third-Party_Files_on_the_CDN_23
    * http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.0-vsdoc.js

== Eclipse ==
plugin을 설치한다.
  * Tern
  * Webclipse (jQuery는 약간 미지원. Tern과 조합시 JSset은 제외해야 함.)

=== Templates ===
  # 압축 해제
  # Eclipse에서 Windows → Preferences → JavaScript → Editor → Templates
  # Imports

{{:jquery:eclipse_jquery_templates.zip|}}

front-end/jquery.txt · Last modified: 2021/02/08 09:54 by 162.142.125.54