Dalam Jquery, $ ialah alias bagi JQuery Semua tempat di mana $ digunakan juga boleh digantikan dengan JQuery Sebagai contoh, $('#msg') adalah bersamaan dengan JQuery('#msg'). Walau bagaimanapun, apabila kami memperkenalkan berbilang perpustakaan js dan simbol $ juga ditakrifkan dalam perpustakaan js lain, maka akan berlaku konflik apabila kami menggunakan simbol $. Berikut ialah contoh memperkenalkan dua fail perpustakaan jquery.js dan prototype.js.
Kes pertama: jquery.js diperkenalkan selepas prototype.js, seperti:
Dalam kes ini, kami menulis perkara berikut dalam kod js kami:
$('#msg').hide();
Salin selepas log masuk
Salin selepas log masuk
$ sentiasa mewakili simbol $ yang ditakrifkan dalam jquery, yang juga boleh ditulis sebagai JQuery('#msg').hide(); jika anda mahu menggunakan $ yang ditakrifkan dalam prototype.js, kami akan memperkenalkannya kemudian.
Kes kedua: jquery.js diperkenalkan sebelum prototype.js, seperti:
<script src="jquery.js" type="text/javascript"/>
<script src="prototype.js" type="text/javascript"/>
Salin selepas log masuk
Dalam kes ini, kami menulis perkara berikut dalam kod js kami:
$('#msg').hide();
Salin selepas log masuk
Salin selepas log masuk
$ mewakili simbol $ yang ditakrifkan dalam prototype.js pada masa ini Jika kita mahu memanggil fungsi pemilihan kilang dalam jquery.js, kita hanya boleh menggunakan nama penuh JQuery('#msg').hide().
Yang berikut akan mula-mula memperkenalkan cara menggunakan simbol $ yang ditakrifkan dengan betul dalam perpustakaan js yang berbeza dalam kes pertama memperkenalkan fail perpustakaan js.
1. Gunakan JQuery.noConflict()
Fungsi kaedah ini adalah untuk membiarkan Jquery melepaskan pemilikan $ dan mengembalikan kawalan $ kepada prototype.js Kerana jquery.js diperkenalkan kemudian, ia adalah jquery yang akhirnya mengawal $. Nilai pulangannya ialah JQuery. Selepas memanggil kaedah ini dalam kod, kami tidak boleh menggunakan $ untuk memanggil kaedah jquery Pada masa ini, $ mewakili $ yang ditakrifkan dalam perpustakaan prototype.js. Seperti berikut:
JQuery.noConflict();//Anda tidak lagi boleh menulis $('#msg').hide() di sini $ pada masa ini mewakili simbol $ yang ditakrifkan dalam prototype.js. JQuey('#msg').hide();
Sejak itu, $ mewakili $ yang ditakrifkan dalam prototype.js $ dalam jquery.js tidak lagi boleh digunakan. Anda hanya boleh menggunakan nama penuh $ dalam jquery.js, JQuery.
Selepas menetapkan jQuery kepada mod tanpa konflik, anda boleh menetapkan alias untuk $:
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>var $j = jQuery.noConflict();</script>
Salin selepas log masuk
Jika anda masih mahu terus menggunakan jQuery's $, anda perlu memasukkan kod dalam fungsi laksana sendiri Ini juga merupakan amalan biasa di kalangan sesetengah pengarang pemalam jQuery, kerana pengarang ini tidak tahu sama ada perpustakaan lain. dirujuk dalam projek:
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
jQuery.noConflict();
(function($) {
// 这里依然可以继续使用 jQuery 的 $
})(jQuery);
</script>
Salin selepas log masuk
2. Sesuaikan alias JQuery
Jika anda mendapati ia menyusahkan untuk hanya menggunakan nama penuh JQuery selepas menggunakan kaedah JQuery.noConflict() dalam kaedah pertama, kami juga boleh mentakrifkan semula alias untuk JQuery. Seperti berikut:
var $j=JQuery.noConflict(); $j('#msg').hide();//此处$j就代表JQuery
Salin selepas log masuk
Mulai sekarang, $ mewakili $ yang ditakrifkan dalam prototype.js $ dalam jquey.js tidak boleh digunakan lagi. Anda hanya boleh menggunakan $j sebagai alias untuk JQuery dalam jquey.js.
3. Gunakan blok pernyataan, masih gunakan $ yang ditakrifkan dalam jquery.js dalam blok pernyataan, seperti berikut:
JQuery.noConflict(); JQuery(document).ready(function($){ $('#msg').hide();
//此时在整个ready事件的方法中使用的$都是jquery.js中定义的$. });
Salin selepas log masuk
Atau gunakan blok pernyataan berikut:
(function($){ ..... $('#msg').hide();//此时在这个语句块中使用的都是jquery.js中定义的$. })(JQuery)
Salin selepas log masuk
Jika dalam kes kedua memperkenalkan susunan fail perpustakaan js, cara menggunakan $ dalam jquery.js, kita masih boleh menggunakan kaedah blok pernyataan yang diperkenalkan di atas, seperti:
<script src="jquery.js" type="text/javascript"/>
<script src="prototype.js" type="text/javascript"/>
<script type="text/javascript">
(function($){
.....
$('#msg').hide();//此时在这个语句块中使用的都是jquery.js中定义的$.
})(JQuery)
</script>
Salin selepas log masuk
Kod
<script src="jquery.js" type="text/javascript"/>
<script src="prototype.js" type="text/javascript"/>
<script type="text/javascript"> (function($){ ..... $('#msg').hide();
//此时在这个语句块中使用的都是jquery.js中定义的$. })(JQuery) </script>Salin selepas log masuk
Kaedah menggunakan blok pernyataan ini sangat berguna Apabila kami menulis pemalam jquery sendiri, kami harus menggunakan kaedah penulisan ini, kerana kami tidak tahu cara memperkenalkan pelbagai perpustakaan js secara berurutan semasa proses kerja tertentu, dan pernyataan seperti ini Kaedah menulis blok boleh melindungi konflik.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
