Programming/JavaScript3 [JQuery] JQuery란 무엇인가? JQuery 자바스크립트의 라이브러리 중 하나로 자바스크립트를 좀 더 쉽게 사용하기 위해 만들어졌습니다. 그래서 코드가 직관적이고 짧고 단순합니다. 예를 한번 보겠습니다. 태그의 ID 속성을 이요해 호출할 경우 javascript - document.getElementById("id")JQuery - $("#id") 코드가 많이 줄었다는 것을 한번에 알아볼수 있습니다. JQuery 사용방법 자바스크립트 라이브러리이기 때문에 라이브러리를 추가해줘야 사용이 가능합니다. 라이브러리 다운로드 다운이 완료가 되면 js파일을 사용하기 위해 해당 프로젝트에 넣어야 합니다. 저는 프로젝트에서 assets/js 폴더를 만들어 그 곳에 넣어줬습니다.라이브러리를 사용하려면 이제 연결을 해줘야 합니다. 위에 구문을 입력해주시.. 2018. 5. 2. J-Query(두 번째 - 객체 확장) 자바스크립트로 object라는 객체를 생성하고 그 객체 안에 name, gender, region 속성을 추가하여 출력하는 코드이다. 이렇게 작성을 했을 경우 지금은 객체 속성이 많지 않기 때문에 별문제가 없지만, 만약 속성이 많아지면 계속 속성을 추가 해줘야 한다. 그렇게 되면 나중에 코드가 지저분해지고 가독성이 떨어지게 된다. 그 결과 값에는 별 다른 것이 없다. 그래서 이러한 문제를 해결하기 위해 나온 것이 $.extend() 메소드이다. 사용방법은 위에 방법을 이용하면 된다. 2017. 2. 16. J-Query(두 번째 - 배열) J - query를 사용하기 위해 다운 받은 후html안에 위 처럼 지정해준다 J-query로 배열을 관리할 때 each() 메소드 사용하며,each() 메소드는 다음과 같이 두 가지 형태로 사용한다 1. $.each(object, function(index, item){ })2. $(selector).each(function(index, item){ }) J-query의 배열 객체는 따로 만드는 것이 아니고, 선택자로 여러 개의 문서 객체를 선택할 때 생성된다. 먼저, style 태그에 high-light 클래스에 속성을 지정하고 그것을 each() 메소드를 사용하여 속성을 추가해줬다. 그러면 결과 값으로 이렇게 출력이 된다. addClass( ) -> 문서 객체에 class 속성을 추가하는 메소드re.. 2017. 2. 16. 이전 1 다음
