This is because jQuery.noConflict()
“frees” the “$” from being associated with jQuery. Normally in your code you can use $ as a replacement for “jQuery”. If you use noConflict()
you can’t do that anymore and so you have to replace each “$” with “jQuery”; .
Many JavaScript libraries use $ as a function or variable name, just
as jQuery does. In jQuery’s case, $ is just an alias for jQuery, so
all functionality is available without using $. If we need to use
another JavaScript library alongside jQuery, we can return control of
$ back to the other library with a call to $.noConflict():
you can also create a totally new alias to use
var myJqueryAlias = jQuery.noConflict();
myJqueryAlias(document).ready(function(){
myJqueryAlias("#insideTable > tbody > tr:odd").addClass("odd");
myJqueryAlias("#insideTable > tbody > tr:not(.odd)").hide();
myJqueryAlias("#insideTable > tbody > tr:odd").show();
myJqueryAlias("#insideTable > tbody > tr.odd").click(function(){
myJqueryAlias(this).next().toggle();
myJqueryAlias(this).find(".arrow").toggleClass("up");
});
});