Q:

Simples click em Jquery não funciona

Quero que quando eu clicar no span a ul apareça.
O correto é usar o parent, não?

$(".produtosMenu li span").click(function() {
  $(".produtosSubmenu").parent().addClass("dpb");
});
.produtosMenu li {
  box-sizing: border-box;
  -webkit-transition: background-color .5s;
  /* For Safari 3.1 to 6.0 */
  transition: background-color .5s;
  cursor: pointer;
}
.produtosMenu li span {
  font: 700 13px/40px"open sans";
  color: #fff;
  padding-left: 15px;
  background: #003a57;
  width: 240px;
  height: 40px;
  display: inline-block;
  text-transform: uppercase;
}
.produtosMenu li span:hover {
  background: url("../imagens/detalhesFlecha.png") #006ba1 no-repeat 210px 14px;
}
.produtosSubmenu {
  padding: 20px;
  display: none;
}
.produtosSubmenu li {
  font: 400 16px/16px"open sans";
  color: #16232e;
}
.produtosSubmenu li:hover {
  font: 600 16px/16px"open sans";
  color: #006ba1;
}
.dpb {
  display: block;
}
.dpn {
  display: none;
}
<ul class="produtosMenu">
  <li>
    <span>Calotas</span>
    <ul class="produtosSubmenu">
      <li>Modelo 1</li>
    </ul>
  </li>
</ul>

A:

Para mostrar e esconder ao clicar no elemento você pode usar a função .toggle(). Caso queira somente mostar o elemento sem a opção de esconder ao clicar novamente, você pode usar a função .show() no lugar de .toggle()
Exemplo:

$(".produtosMenu li span").click(function() {
  $(".produtosSubmenu").toggle();
});
.produtosMenu li {
  box-sizing: border-box;
  -webkit-transition: background-color .5s;
  /* For Safari 3.1 to 6.0 */
  transition: background-color .5s;
  cursor: pointer;
}
.produtosMenu li span {
  font: 700 13px/40px"open sans";
  color: #fff;
  padding-left: 15px;
  background: #003a57;
  width: 240px;
  height: 40px;
  display: inline-block;
  text-transform: uppercase;
}
.produtosMenu li span:hover {
  background: url("../imagens/detalhesFlecha.png") #006ba1 no-repeat 210px 14px;
}
.produtosSubmenu {
  padding: 20px;
  display: none;
}
.produtosSubmenu li {
  font: 400 16px/16px"open sans";
  color: #16232e;
}
.produtosSubmenu li:hover {
  font: 600 16px/16px"open sans";
  color: #006ba1;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="produtosMenu">
  <li>
    <span>Calotas</span>
    <ul class="produtosSubmenu">
      <li>Modelo 1</li>
    </ul>
  </li>
</ul>

