In jQuery, how would I append a style align left to ALL elements?

Question

I would like to have jQuery append a style="text-align: left;" to all elements on my page.

I know I would probably have to do something like:

$('everything-in-the-page').each( ...

But I'm a little confused as to how I can select every HTML tag.

JUST TO STOP THE BACKLASH: This is for an accessible site (print only). So, YES I KNOW it's bad practise.

Answer 1

What about using * as CSS selector, if you want to indicate everything ?

i.e. :

$('*').each(...

As a reference, you can take a look at 5.3 Universal selector (quoting) :

The universal selector, written "*", matches the name of any element type. It matches any single element in the document tree.

Answer 2

If you need to do this (please don't, it's a really bad idea for a few reasons, performance for starters):

$('*').css('text-align', 'left');

But it seems like just a single CSS rule would do the job:

body { text-align: left; }

Answer 3

$('*').each(...

Answer 4

What about:

$('*').css('textAlign', 'left');

Answer 5

If you want a print-only style, you can still use CSS:

<link rel="stylesheet" type="text/css" media="print" href="print.css" />

JavaScript isn't a good way to achieve better accessibility - your will better work well even with JavaScript disabled.

More details: A List Apart - CSS Design: Going to Print