- Why is $\dfrac 1 x - \dfrac 1 y = \dfrac{y-x}{xy}$?
- Why is $|ab|=|a||b|$?
- Why is $|a/b|=|a|/|b|$?
The first bullet point above gets you from $\displaystyle\left|\frac 1 x - \frac 1 y\right|$ to $\displaystyle\left|\frac{x-y}{xy}\right|$. The third bullet point gets you from there to $\displaystyle\frac{|x-y|}{|xy|}$. The second bullet point gets you from there to $\displaystyle\frac{|x-y|}{|x||y|}$.
The answer to the first question comes from the fact that the complex numbers form a field, i.e. a system in which multiplication and addition satisfy certain basic laws you first learned for real numbers: They are both commutatitive and associative; both have identity elements, which differ from each other; everything has an additive inverse; everything except the additive identity has a multiplicative inverse; and multiplication distributes over addition. And after you've established all that, you need to do a bit of algebra with fractions.
To answer the second bullet point, suppose $a=p+iq$, $b=r+is$, and $p,q,r,s$ are real, then $|a|=\sqrt{p^2+q^2}$ and similarly for $b$, and $ab= (pr - qs) + i(ps + rq)$, so $|ab|=\sqrt{(pr-qs)^2+(ps+rq)^2}$. So you need to check that
$$
(p^2+q^2)(r^2+s^2) = (pr-qs)^2+(ps+rq)^2.
$$
A similar thing applies to division.
\lvertand\rvertproduces neater vertical bars than just the|symbol; i.e., this $\lvert x - y \rvert$ vs $|x - y|$. Can be paired with\leftand\right, as well as the bonus\lVertand\rVertfor the double bars :) – pjs36 Jun 11 '15 at 00:42