仅在浏览器控制台上，不在页面上执行jQuery代码文档就绪的操作

Question

I'm curious why the code below isn't executed when the page loaded. It's in the page.

<script>
    if (typeof jQuery != 'undefined'){
        jQuery(document).ready(function($) {
            $("#mydiv .myclass:odd").css('color', 'green');
        });
    }
</script>

and this code is executed from the browser console after the page (the same page) loaded:

jQuery(document).ready(function($) {
    $("#mydiv .myclass:odd").css('color', 'green');
});

Unfortunately, I don't have access to the code of that page and can't modify it. However I need an answer.

What could be the reason? Thank you.

Answer 1

I guess there is unnecessary parameter. Should be:

$(document).ready(function() {
    $("#mydiv .myclass:odd").css('color', 'green');
});

If you have any conflicts with other libraries, please, use jQuery in no conflict mode:

var $j = jQuery.noConflict();

$j(document).ready(function() {
    $j("#mydiv .myclass:odd").css('color', 'green');
});

Answer 2

$(document).ready(function() {
    $("#mydiv .myclass:odd").css('color', 'green');
});

Please use the above code and add jquery.js in html file so that it will understand the $ parameter. or add var $j = jQuery.noConflict();