most versatile ways of doing things in jquery

most versatile ways of doing things in jquery

 
  1. $('#contents')[x] vs document.getElementById("contents")[x]
is anyone more advisable, more universal, less restricted?
I guess the former does not work with non jq.

is there an article or compilation of commands which prove to work in both js and jq?