이 글에서는 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 프로그래밍에 도움이 되기를 바랍니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
