jquery_jquery의change() 사용 분석 예-JS 튜토리얼-php.cn

jquery_jquery의change() 사용 분석 예

WBOY

풀어 주다： 2016-05-16 16:15:31

원래의

1082명이 탐색했습니다.

이 글에서는 jquery의 Change() 사용법을 예시를 통해 분석합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

change() 요소의 값이 변경되면 변경 이벤트가 발생합니다. 이 이벤트는 텍스트 필드, 텍스트 영역 및 선택 요소에만 적용됩니다.
선택 요소에 사용될 경우 옵션이 선택되면 변경 이벤트가 발생합니다. 텍스트 필드 또는 텍스트 영역과 함께 사용하는 경우 요소가 포커스를 잃을 때 이 이벤트가 발생합니다.

1. 변경 활용 방법

1. 트리거 변경 이벤트: 선택한 요소의 트리거 변경 이벤트

구문: $(selector).change()

2. 변경 이벤트에 함수 바인딩: 선택한 요소의 변경 이벤트가 발생할 때 실행할 함수를 지정합니다.

구문: $(selector).change(function)

2. jquery에서의 변경() 예시

<html>
<head>
<script type="text/javascript" src="jquery文件"></script>
<script type="text/javascript">
$(document).ready(function(){
 $(".field").change(function(){
  $(this).css("background-color","#FFFFCC");
 });
 $("button").click(function(){
  $("input").change();
 });
});
</script>
</head>
<body>
<button>激活文本域的 change 事件</button>
<p>Enter your name: <input class="field" type="text" /></p>
</body>
</html>

로그인 후 복사

<html>
<head>
<script type="text/javascript" src="jquery文件"></script>
<script type="text/javascript">
$(document).ready(function(){
 $(".field").change(function(){
  $(this).css("background-color","#FFFFCC");
 });
});
</script>
</head>
<body>
<p>在某个域被使用或改变时，它会改变颜色。</p>
Enter your name: <input class="field" type="text" />
<p>Car:
<select class="field" name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</p>
</body>
</html>

로그인 후 복사

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.