ホームページ >ウェブフロントエンド >jsチュートリアル >JQuery library_jquery が提供する拡張機能を使用してカスタム メソッドを実装する
JQuery library_jquery が提供する拡張機能を使用してカスタム メソッドを実装する
- WBOYオリジナル
- 2016-05-16 16:36:461144ブラウズ
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 までご連絡ください。