메뉴 건너뛰기

조회 수 1054 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
 
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
 
</head>
<body>
 
    <!-- DOM Document Object Model -->
    <!-- 
    Javascript - innerHTML, value 
    innerHTML =             setter
    = innerHTML             getter
    JQuery - text(), val(), html(), attr(), prop()
    text("Hello")
    = text()
    -->
 
    <p id="test">
        1인당 <b>23억원씩</b> 보유…부동산에 자산 절반 이상 투자
    </p>
 
    <button id="btn1">show text</button>
    <button id="btn2">show html</button>
 
    <script type="text/javascript">
        $(function() {
            // 문자열만 불러옴
            $("#btn1").click(function() { // text
                alert("text: " + $("#test").text());
            });
            
            // 코드까지 불러옴
            $("#btn2").click(function() { // html
                alert("html: " + $("#test").html());
            });
        });
    </script>
 
    <br>
    <br>
 
    <p>
        <a href="http://www.naver.com" id="naver">네이버</a>
    </p>
    <button id="btn3">Attribute(속성)</button>
 
    <script type="text/javascript">
        $(function() {
            $("#btn3").click(function() {
                // alert("Attr : " + $('#naver').attr("href"));            // getter
                // attribute (URL)
                // $('#naver').attr("href", "http://zum.com");        // setter
                $('#naver').prop("href", "http://zum.com");
                alert("http://zum.com으로 버튼 변경");
            });
        });
    </script>
 
    <br>
    <br>
 
    <input type="text" id="id" value="홍길동">
    <button id="btn4">버튼</button>
    <br>
    <br>
 
    <p id="demo">여기 p</p>
 
    <script type="text/javascript">
        $(function name() {
            $("#btn4").click(function() {
                // value
                alert("text : " + $("#id").val());
                $("#demo").text($("#id").val());
            });
        });
    </script>
 
</body>
</html>

  1. No Image 05Mar
    by
    2019/03/05 Views 2855 

    jquery 팝업 차단 없이 띄우기

  2. No Image 05Mar
    by
    2019/03/05 Views 1129 

    [jQuery] 라디오(radio) 버튼, 체크박스(checkbox) 선택/해제 하는 방법

  3. No Image 16Jan
    by
    2019/01/16 Views 1079 

    jQuery 기초 (Query link url / download (위치, 사용법) // p태그, id, class 접근 / 일반태그 가져오기 / 클릭시 값)

  4. No Image 16Jan
    by
    2019/01/16 Views 1502 

    jQuery 기초 (클릭하면 이미지 변경 / mouseover시 애니메이션 효과주기 / 동적으로 변경)

  5. No Image 16Jan
    by
    2019/01/16 Views 1261 

    jQuery 기초 (focus, blur, toggle / mouseenter, mouseleave, mousedown, mouseup, hover)

  6. jQuery 기초 (style.css <link> 로 추가하기 / 버튼 클릭시 데이터 삽입)

  7. No Image 16Jan
    by 조쉬
    2019/01/16 Views 1054 

    jQuery 기초 (JQuery - text(), val(), html(), attr(), prop())

  8. No Image 16Jan
    by
    2019/01/16 Views 1119 

    jQuery 기초 (attr()로 두가지 동시에 접근 / 변경)

  9. jQuery 기초 (텍스트 추가 (createElement, createTextNode, appendChild), (html, javascript, jquery)

  10. jQuery 기초 ((문자열 추가 .before / .after) (문자열 삭제 .remove / .empty)

  11. jQuery 기초 (txt 파일 가져오기 (load) , 클릭시에 배경색을 변경(json))

  12. Query 기초 (동적 테이블 (데이터 추가 / 삭제), integrateTable(정렬(sort))

  13. jQuery 기초 (jQuery 달력 (datepicker))

  14. jQuery 기초 (Postcodify - 도로명주소 우편번호 검색 프로그램 (코딩 예제) (HTML) / POP UP 버젼)

  15. No Image 16Jan
    by
    2019/01/16 Views 1021 

    .removeAttr() : 특정 속성을 제거

  16. No Image 16Jan
    by
    2019/01/16 Views 961 

    .attr() : 태그의 속성 값을 읽어오거나 속성을 추가및 재설정

  17. popModal jQuery Plugin Examples / 무료 jQuery 팝업 플러그인

  18. jQuery Plugin : Slider

  19. jQuery datepicker 팝업창 사이즈 바꾸기

  20. jQuery를 이용한 스크롤 따라니는 배너를 쉽게 맨들기(scroll follow)

Board Pagination Prev 1 2 3 4 5 6 7 8 9 Next
/ 9

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved