티스토리 뷰

Web Programing Link/JQuery

jquery change() method

발라키르카 2018. 4. 5. 15:15
반응형

JQuery change() 메서드



=========

: element의 값이 change되었을때, change 이벤트 발생 (이때, element는 <inupt> <textarea> <select>만 해당됨)


-html-

<input type="text" id="abc">


-javascript-

$('#abc').change(function(){

alert("변경됨.");

});


input text박스의 내용이 변경되었을때 (change이벤트가 발생해서) "변경됨"이 호출되는 메서드가 실행됨.



=========

용법 (2가지)

---

1. 

$(selector).change()


Trigger the change event for the selected elements

선택된 element에 대해 change이벤트를 (강제로) 일으킨다.


ex>


<script>

$(document).ready(function(){

    $("button").click(function(){

        $("input").change();

    });

});

</script>


-html-


<button>Trigger change event for input field</button>


<input value="Donald" onchange="alert(this.value)" type="text">


button을 클릭하면 input에 change이벤트가 발생하고, 그러면 onchange에 따라 alert()가 실행.

---

2. 

$(selector).change(function)


Attach a function to the change event

선택된 element에 change이벤트가 발생하면 function을 실행한다.


내용 변경됨 => change이벤트 발생  



'Web Programing Link > JQuery' 카테고리의 다른 글

jQuery empty() Method  (0) 2018.04.05
jQuery on() Method  (0) 2018.04.05
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
TAG
more
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함