[ jQuery ] Manipulation(조작)

내부 삽입 1) append(content) 모든 요소 내부에 컨텐츠를 추가한다. e.g. // p 태그에 내용 추가 $("p").append("제이쿼리"); : 중요과목: 2) appendTo(content) 요소의 내용을 다른 요소에 추가한다. e.g. // body 마지막 부분에 제이쿼리 추가 $("제이쿼리").appendTo("body"); // id가 test인 태그의 뒷 부분에 아이디가 a인 태그의 내용을 추가 $("#a").appendTo("#test"); : 제이쿼리 중요과목 : //--==>> 중요과목 : 제이쿼리 3) prepend(content) 모든 요소 내부의 선두에 컨텐츠를 삽입 4) prependTo(content) 요소의 내용을 다른 요소에 추가한다. 외부 삽입 1) afte..

• format_list_bulleted JavaScript/jQuery
• · 2022. 7. 13.
• textsms

[ jQuery ] Attributes (속성)

Attr 1) attr(attributeName) 해당 속성 이름의 값을 return 한다.(매칭되는 첫 번째 것만 가져옴) e.g. // a 라는 id를 가진 요소의 title 속성을 b 라는 id를 가진 요소에 작성된다. $(function(){ let title = $("#a").attr("title"); $("#b").text(title); }); // *주의 // jQuery의 src attribute에 대한 attr 함수를 이용하여 같은 경로의 사진을 업데이트하려고 할 때, // 크롬의 경우는 src 속성이 같으면 이미지를 새로 불러오지 않는다. // 이런 경우 다음과 같은 방법을 사용 $("#myimg").attr("src", "/myimg.jpg?timestamp=" + new Date()..

• format_list_bulleted JavaScript/jQuery
• · 2022. 7. 13.
• textsms

[ JQuery ] Selectors (선택자)

계층 선택자(selector) ancestor descendant : 조상(ancestor)엘리먼트의 자손(descendant)인 모든 descendant 엘리먼트를 선택 parent > child : parent의 바로 아래 자식인 모든 child 엘리먼트를 선택 prev + next : prev 엘리먼트 바로 다음의 형제인 next 엘리먼트를 선택 prev ~ sibling : prev 엘리먼트 다음의 형제인 모든 sibling 엘리먼트를 선택 e.g. // ancestor descendant // form 태그 안의 input 태그 스타일 변경 $("form input").css("border", "2px solid red"); // prev > child // 아이디가 main인 객체 아래의 모든..

• format_list_bulleted JavaScript/jQuery
• · 2022. 6. 26.
• textsms