jQuery没有定义，如果定义，不会被加载？

Question

我想在加载页面后设置元素的宽度。为此，我使用这个脚本：

<script type='text/javascript' src='https://radlvoo.de/wp-includes/js/jquery/jquery.js'> 
     jQuery(document).ready(function() { 
      var y = document.getElementsByClassName("col-sm-6"); 

      for (var i = 0; i < y.length; i += 1){ 
       y[i].style.width = "100%"; 
      } 
     }); 
</script> 

但它不工作。如果我用实际功能替换jQuery(document).ready(function() {，可以说changeWidth()它正在工作..

自己尝试here。你可以看到，如果你在控制台中调用changeWidth()这一项将扩大： enter image description here

而且，如果我离开了这一点type='text/javascript' src='https://radlvoo.de/wp-includes/js/jquery/jquery.js'，它说：

jQuery is not defined

，这是什么原因我该如何解决这个问题？

亲切的问候

Answer 1

你的代码应该是

<script type='text/javascript' src='https://radlvoo.de/wp-includes/js/jquery/jquery.js'></script> 
<script type="text/javascript"> 
    jQuery(document).ready(function() { 
     var y = document.getElementsByClassName("col-sm-6"); 

     for (var i = 0; i < y.length; i += 1){ 
      y[i].style.width = "100%"; 
     } 
    }); 
</script> 

Answer 2

您应使用此代码：

<script type='text/javascript' src='https://radlvoo.de/wp-includes/js/jquery/jquery.js'></s‌​cript> 
<script type='text/javascript'> 
    jQuery(document).ready(function() { 
     var y = jQuery(".col-sm-6"); 
     y.each(function() { 
      $(this).css('width', '100%'); 
     }); 
    }); 
</script>