cari

Rumah >hujung hadapan web >tutorial js >Gunakan fungsi sambungan yang disediakan oleh perpustakaan JQuery untuk melaksanakan method_jquery tersuai

Gunakan fungsi sambungan yang disediakan oleh perpustakaan JQuery untuk melaksanakan method_jquery tersuai

WBOY
WBOYasal
2016-05-16 16:36:461151semak imbas

Pembungkus JQuery menyediakan sejumlah besar kaedah yang boleh digunakan terus dalam halaman. Walau bagaimanapun, tiada perpustakaan tunggal boleh memenuhi semua keperluan, jadi perpustakaan JQuery menyediakan fungsi sambungan yang kaya. Ambil melumpuhkan sekumpulan elemen borang sebagai contoh untuk melihat cara menambah sambungan fungsi tersuai pada perpustakaan JQuery dengan mudah dan berkesan. (JQuery tidak mempunyai cara untuk melumpuhkan elemen borang)

Kod muat naik: 

<!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>

Kotak teks dan butang telah dilumpuhkan:

Jika anda hanya melumpuhkan butang, cuma tambah kelas css;

jQuery(function() 
{
$("form input.test").disable(); 
});

Semak sama ada butang dilumpuhkan:

Pelaksanaannya juga sangat mudah Buka kod sumber jquery-2.1.1.js, yang tidak dimampatkan saya memperkenalkan

ialah jquery-2.1.1.js, kemudian tambahkan kod berikut 

jQuery.fn.disable=function () { 

return this.each(function() 

{ 

if(this.disabled != null) this.disabled=true; 

}); 

}

Panggil sahaja mengikut kes di atas.

Dalam buku "JQuery In Action", ia disebut untuk mengembangkan nama kaedah $.fn (P12 saya telah mengujinya dan ia tidak dilumpuhkan). Tolong betulkan saya jika saya salah.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：javascipt: pengenalan penapis dan kemahiran use_javascriptArtikel seterusnya：javascipt: pengenalan penapis dan kemahiran use_javascript

Artikel berkaitan

Lihat lagi