jquery_jquery의change() 사용 분석 예
- WBOY원래의
- 2016-05-16 16:15:311120검색
이 글에서는 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 프로그래밍에 도움이 되기를 바랍니다.
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.