'jQuery/Method' 카테고리의 글 목록 (3 Page)

32. jquery Method [ .prepend() ] - 선택한 요소 내용앞에 추가하는 메소드

32. jquery Method [ .prepend() ] - 선택한 요소 내용앞에 추가하는 메소드 문법 .prepent() 선택한 요소 내용앞에 추가합니다. 예를 들어 $("p").prepend("MelonPeach"); p태그내용 앞에 h1태그를 추가합니다. 예제 코드 BBBB p태그 내용 앞에 h1태그를 생성하여 추가합니다. 그럼 MelonPeachBBBB 이런식으로 나오겠지요 실행 테스트

jQuery/Method 2020. 2. 26. 11:14

31. jquery Method [ .parent() ] - 요소의 부모 요소를 선택하는 메소드

31. jquery Method [ .parent() ] - 요소의 부모 요소를 선택하는 메소드 문법 .parent() 요소의 부모 요소를 선택합니다. 예를 들어 $("p").parent().css("color", "red"); p태그의 부모요소 color를 red로 바꿉니다. $("p").parent("div").css("color", "gray"); p태그의 부모요소가 div일때 color를 gray로 바꿉니다. 예제 코드 AAAA BBBB p태그로 되어있는 AAAA는 red로 바뀌고 div안에 p태그로 되어있는 BBBB는 gray로 바뀝니다. 실행 테스트

jQuery/Method 2020. 2. 26. 11:05

30. jquery Method [ .offset() ] - 선택한 요소의 좌표를 가져오거나 이동시키는 메소드

30. jquery Method [ .offset() ] - 선택한 요소의 좌표를 가져오거나 이동시키는 메소드 문법 .offset() 선택한 요소의 좌표를 가져옵니다. 예를 들어 var one = $("#a").offset(); id가 a인 요소의 좌표를 변수one에 저장합니다. 예제 코드 AAA id가 a인 p태그 아래에 좌표를 표시해줍니다 실행 테스트

jQuery/Method 2020. 2. 26. 10:53

29. jquery Method [ .not() ] - 선택한 요소 중 특정 선택자를 제외한 요소를 선택하는 메소드

29. jquery Method [ .not() ] - 선택한 요소 중 특정 선택자를 제외한 요소를 선택하는 메소드 선택한 요소중 특정 선택자를 제외하고 요소를 선택합니다. 문법 .not() 예를 들어 $("p").not($("#a")).css("color", "red"); p태그 중 id가 a인 태그를 제외하고 color를 red로 바꿔줍니다. 예제 코드 AAA BBB CCC 첫번째 p태그와 세번째 p태그만 color가 red로 바뀝니다. 실행 테스트

jQuery/Method 2020. 2. 26. 10:25

28. jquery Method [ .load() ] - 다른 경로에 있는 문서를 가져와 현재 문서에 넣어주는 메소드

28. jquery Method [ .load() ] - 다른 경로에 있는 문서를 가져와 현재 문서에 넣어주는 메소드 문법 .load(url data complete) url은 가져올 문서 data는 가져올 문서에서의 data complete는 요청이 완료되면 호출되어질 콜백 함수입니다. 예제코드 027.jsp WellCome 028.jsp id가 aa인 태그에 027문서를 가져옵니다. id가 bb인 태그에 027문서안에 id가 c인 요소를 가져오고 완료되면 alert에 WellCome이 나옵니다. 실행 테스트

jQuery/Method 2020. 2. 25. 13:53

27. jquery Method [ jQuery.trim() ] - 문자열의 앞과 끝 공백을 제거하는 메소드

27. jquery Method [ jQuery.trim() ] - 문자열의 앞과 끝 공백을 제거하는 메소드 문법 jQuery.trim() 예를 들어 jQuery.trim(str) str에 들어있는 문자열의 앞과 끝 공백을 제거합니다. 중간에 있는 공백은 제거하지 않습니다. 예제 코드 실행 테스트

jQuery/Method 2020. 2. 25. 11:25

26. jquery Method [ jQuery.inArray() ] - 배열에서 특정 문자를 찾는 메소드

26. jquery Method [ jQuery.inArray() ] - 배열에서 특정 문자를 찾는 메소드 문법 jQuery.inArray(value, array) value에는 검색하려는 값을 넣습니다. array에는 배열의 이름을 넣습니다. 예를 들어 jQuery.inArray("AAAA", arr); arr이라는 배열에서 "AAAA"라는 문자를 찾습니다. 예제 코드 AAAA BBBB CCCC DDDD 버튼 p태그의 인덱스를 구하고 인택스에 해당하는 내용을 arr배열에 넣어줍니다. jQuery.inArray()메소드를 이용하여 AAAA문자를 찾습니다. arr에는 AAAA, BBBB, CCCC, DDDD가 있는데 inArray로 인덱스의 값을 찾았을 경우 AAAA에 해당하는 인덱스값은 0이고 인덱스의 ..

jQuery/Method 2020. 2. 25. 11:07

25. jquery Method [ .html() ] - 선택한 요소의 내용을 가져오거나 바꾸는 메소드

25. jquery Method [ .html() ] - 선택한 요소의 내용을 가져오거나 바꾸는 메소드 문법 .html() 예를 들어 $("#a").html("Melon"); id가 a인 태그를 선택하고 Melon으로 내용을 바꿉니다. 예제 코드 AAAA 아이디가 a인 태그를 선택하고 그 태그의 내용을 바꿔줍니다. 아이디가 b인 태그를 선택하고 그 태그에 내용을 추가합니다. 실행 테스트

jQuery/Method 2020. 2. 24. 17:57

MelonPeach

jQuery/Method → (48)건