jQuery.fn.extend()
새로운 jQuery 인스턴스(instance) 메서드를 제공하기위해 객체의 내용을 jQuery 프로토타입에 병합
jQuery.fn.extend(object)
object : jQuery Prototype에 병합할 객체
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery.fn.extend demo</title>
<style>
label {
display: block;
margin: .5em;
}
</style>
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>
<label><input type="checkbox" name="foo"> Foo</label>
<label><input type="checkbox" name="bar"> Bar</label>
<script>
jQuery.fn.extend({
check: function() {
return this.each(function() {
this.checked = true;
});
},
uncheck: function() {
return this.each(function() {
this.checked = false;
});
}
});
// 새롭게 만들어진 .check() method 사용
$( "input[type='checkbox']" ).check();
</script>
</body>
</html>
'Javascript > jQuery' 카테고리의 다른 글
jQuery 플러그인 (0) | 2020.06.28 |
---|---|
Function.prototype.bind() (0) | 2020.06.13 |
Function.prototype.apply() (0) | 2020.06.13 |
Function.prototype.call() (0) | 2020.06.13 |
jQuery.extend() (0) | 2020.06.13 |