JQuery library_jquery에서 제공하는 확장 기능을 사용하여 사용자 정의 메서드 구현
- WBOY원래의
- 2016-05-16 16:36:461148검색
JQuery 래퍼는 페이지에서 직접 사용할 수 있는 다양한 메서드를 제공합니다. 그러나 단일 라이브러리가 모든 요구 사항을 충족할 수는 없으므로 JQuery 라이브러리는 풍부한 확장 기능을 제공합니다. JQuery 라이브러리에 사용자 정의 함수 확장을 간단하고 효과적으로 추가하는 방법을 보려면 양식 요소 그룹을 비활성화하는 방법을 예로 들어 보겠습니다. (JQuery에는 양식 요소를 비활성화할 수 있는 방법이 없습니다.)
업로드 코드:
<!DOCTYPE>
<html lang="en">
<head>
<title>Custom Method!</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script type="text/javascript" src="js/jquery-2.1.1.js"></script>
<script type="text/javascript">
jQuery(function()
{
$("form input").disable();
});
</script>
</head>
<body>
<p>测试自定义方法禁用表单元素</p>
<form>
<input type="text" value="test"><br/>
<input type="button" value="confirm" class="test">
</form>
</body>
</html>
텍스트 상자와 버튼이 비활성화되었습니다.
버튼만 비활성화하는 경우 CSS 클래스를 추가하면 됩니다.
jQuery(function()
{
$("form input.test").disable();
});
버튼이 비활성화되었는지 확인하세요.
구현도 매우 간단합니다. 압축되지 않은 jquery-2.1.1.js 소스코드를 열어보니 비교적 쉽습니다.
은 jquery-2.1.1.js이고, 다음 코드를 추가하세요
jQuery.fn.disable=function () {
return this.each(function()
{
if(this.disabled != null) this.disabled=true;
});
}
위의 경우에 맞게 부르면 됩니다.
"JQuery In Action"이라는 책에서는 $.fn 메서드 이름(P12)을 확장한다고 언급되어 있는데 비활성화되지 않았습니다. 내가 틀렸다면 정정해주세요.
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.