HTML71 37일차//JQuery// 속성추가 .attr ( ); .attr()은 요소(element)의 속성(attribute)의 값을 가져오거나 속성을 추가합니다. 문법 1 .attr( attributeName ) 선택한 요소의 속성의 값을 가져옵니다. 예를 들어 $( 'div' ).attr( 'class' ); 는 div 요소의 class 속성의 값을 가져옵니다. p tag 버튼 $(document).ready(function() { //setter $("button").click(function() { $("p").css("background","blue"); $('p').text("여기는 p 태그"); //getter let color = $("p").css("background"); /* alert(color); */ //attribute //속성을 추가 $.. 2021. 3. 5. 37일차//JQuery// .append( ) .prepend( ) 제네시스 첫 전기차 GV60(코드명 JW) 후면 디자인이 대부분 공개됐다. 독특한 리어램프와 가변식 리어스포일러가 확인된다. 사과 배 바나나 햄버거 피자 치킨 추가(뒤) 추가(앞) 2021. 3. 5. 37일차//JQuery// .click() .click()은 선택한 요소를 클릭했을 때 특정 작업을 수행할 수 있게 하는 속성입니다. 문법 .click( handler ) 예를 들어 button 요소를 클릭했을 때 함수를 실행시키고 싶으면 다음과 같이 합니다. $( 'button' ).click( function() { // function } ); p tag id demo 버튼 $("# " ).val( ) ; : getter $("# " ).val("변경하였습니다") ; : setter 입력: p tag 1 p tag 2 p tag 3 2021. 3. 5. 37일차//JQuery// text() 여기가 p태그 입니다 p tag id demo h3 tag class cls p tag id class cls $(document).ready(function(){ let demo = $("#demo").html(); // alert(demo); $("p.cls").text("class cls set"); //같은 값은 한꺼번에 변경된다. }); 2021. 3. 5. 37일차//JQuery// 자주쓰는 제이쿼리 함수 (모음) jQuery 선택자 선택자명설명 $('tag') Tag라는 이름의 모든 태그 요소를 선택 $(‘.class’) class라는 클래스명의 모든 클래스 요소를 선택 $(‘#id’) id라는 아이디명의 아이디 요소를 선택 $(‘div li’) div에 있는 li 모두 선택 $(‘div > p’) div의 p태그라는 직계 자식을 선택 $(this) 현재 선택 중인 요소를 가리킴 jQuery 메소드 메소드명설명 eq(n) n번째에 위치하는 요소를 선택. length() 요소의 개수를 알 수 있음. parent() / parents() 요소의 직계 부모 선택 / 요소의 모든 부모들 선택 children(“a”) 요소의 a태그의 직계자손 선택 prev() / next() 이전 요소 선택 / 다음 요소 선택 val().. 2021. 3. 5. 37일차//JQuery// 테이블에 tr마우스올릴시 색상변환(this) // .css( ) 번호이름나이 1이수빈25 2주지훈40 3강동원40 2021. 3. 5. 37일차//JQuery// 테이블에 데이터 넣기, eq(i)의 의미 수영 시합 여성부 남성부 title name time 우승 2위 3위 2021. 3. 5. 37일차//JQuery//기본문법 제이쿼리를 사용하면 아주 간편하게 HTML 요소를 선택하고, 그렇게 선택된 요소에 손쉽게 특정 동작을 설정할 수 있습니다. 제이쿼리의 기본 문법은 다음과 같습니다. 문법 중요형식 : $(선택자).동작함수(); 중요형식 : $(태그명 또는 id 또는 class 또는 name).핸들러함수(매개변수) 예시(getter, setter) 선택자인 p태그를 넣고 html매개변수에 p태그로 지정할 내용을 적어준다 $(document).ready(function(){ let ptag = $('p').html(); //getter alert(ptag); $('p').html("hello p tag");//setter //html로 인식 //let ptag = $('p').text(); /* alert(ptag); */ .. 2021. 3. 5. 34일차// javaScript// checkbox + 함수사용 // document.f1.elements[n].checked == true 체육관 이용요금 기본 이용료(4시간) 40,800원 야간조명(20,000원) 배구 네트 *2장 (4,000원) 배구공 * 10개(5,000원) 2021. 3. 2. 이전 1 2 3 4 5 6 7 8 다음 more
