$ j не является функцией

Question

У меня есть простое событие jQuery.

В HTML

<div class="opsContainer"></div> 

Я добавляю это для JQuery

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 

В сценарии у меня есть это:

$j("div.opsContainer").css({width:"1057px",height:"696px",border:"1px solid #000",background:"white",margin: "0 auto","border-radius":"1px"}); 

Вот fiddle

Это не если У меня есть $j. Если я заменил $j на $, он будет работать.

Может ли кто-нибудь помочь и объяснить, почему он не работает.

Answer 1

Вам нужно добавить этот код, чтобы сделать его работать (Jquery noConflict)

var $j = $.noConflict(); 

Это позволит вам использовать $ J вместо $.

Answer 2

вам не нужно J после $ Больше exapmles с JQuery селекторы here.

Answer 3

Использование $, jQuery или var $j = $.noConflict();:

$("div.opsContainer").css({width:"1057px",height:"696px",border:"1px solid #000",background:"white",margin: "0 auto","border-radius":"1px"}); 
 

 
//or 
 

 
//jQuery("div.opsContainer").css({width:"1057px",height:"696px",border:"1px solid #000",background:"white",margin: "0 auto","border-radius":"1px"}); 
 
//or this 
 
    //var $j = $.noConflict(); 
 
//$j("div.opsContainer").css({width:"1057px",height:"696px",border:"1px solid #000",background:"white",margin: "0 auto","border-radius":"1px"});

<div class="opsContainer"></div> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>