Ale w ten sposób trzeba uważać co się usuwa. Dajmy na to taki kod:
<script type="text/javascript">
$(document).ready(function(){
var $width = $("div#mydiv").width();
if ($width < 14)
{
$('#something').css("width", $width);
}
)};
</script>
gdy zamienilibyśmy na:
<script type="text/javascript">
jQuery(document).ready(function(){
var jQuerywidth = jQuery("div#mydiv").width();
if (jQuerywidth < 14)
{
jQuery('#something').css("width", jQuerywidth);
}
)};
</script>
będzie to niepoprawne, gdyż $width jest nazwą zmiennej (mogłaby to być też nazwa funkcji itd.), która nie ma z konfliktem nic wspólnego. Tak więc należy zmieniać $
tylko w selektorach, poprawnie byłoby tylko tak:
<script type="text/javascript">
jQuery(document).ready(function(){
var $width = jQuery("div#mydiv").width();
if ($width < 14)
{
jQuery('#something').css("width", $width);
}
)};
</script>
lub tak:
<script type="text/javascript">
jQuery(document).ready(function($){
var $width = $("div#mydiv").width();
if ($width < 14)
{
$('#something').css("width", $width);
}
)};
</script>
Drugi sposób jest o wiele lepszy - wystarczy w funkcji w nawiasie wpisać $, a we wnętrzu będzie można bezproblemowo używać $. I tyle.