Rumah > Artikel > hujung hadapan web > Contoh penggunaan $.extend() dalam jQuery_jquery
Contoh dalam artikel ini menerangkan penggunaan $.extend() dalam jQuery. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:
Kaedah $.extend() ditakrifkan seperti berikut:
jQuery.extend([deep], target, object1, [objectN])
Lanjutkan objek dengan satu atau lebih objek lain dan kembalikan objek lanjutan.
Jika tiada sasaran ditentukan, ruang nama jQuery itu sendiri dikembangkan. Ini membantu pengarang pemalam menambah kaedah baharu pada jQuery. Jika parameter pertama ditetapkan kepada benar, jQuery mengembalikan salinan dalam, menyalin secara rekursif mana-mana objek yang ditemui. Jika tidak, salinan akan berkongsi struktur dengan objek asal. Sifat yang tidak ditentukan tidak akan disalin, manakala sifat yang diwarisi daripada prototaip objek akan disalin.
Lihat kod di bawah untuk mengetahui cara menggunakannya, sila lihat:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>extendFun</title> <script src="../scripts/jquery-1.9.0.js" type="text/javascript"></script> <meta name="author" content="Administrator" /> <!-- Date: 2013-01-30 --> <script type="text/javascript"> $(function () { var pageConfig= {}; var pageConfig=$.extend(pageConfig,{ createUrl: '${ROOT}/subject/createOrModifyPageTemplates', deleteUrl: '${ROOT}/subject/deletePageTemplates', modifyUrl: '${ROOT}/subject/createOrModifyPageTemplates', infoName: 'pageTemplateInfo' }); $("#subm").click(function(){ var posturl= pageConfig.deleteUrl; alert(posturl); }); }) </script> </head> <body> <input id="subm" name="subm" type="button" value="clickme" > </body> </html>
Hasil keluaran: ${ROOT}/subject/deletePageTemplates
Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.