title: How to access href of a class?
body: <p>first have to say that I have no idea of CSS. I am googling around and trying to customize my Squarespace webpage, reading comments, testing... Now I'm trying to make my blog more print-friendly. I inspected the entire page, looked for id's, classes, etc and then used</p>
  
  <pre><code>&lt;style media="print" type="text/css"&gt;     /*Hide elements you don't want to print*/ 
  #header, #footer, #preFooter, #rightSidebar, #sidecarNav, #contentinfo, #yui3-css-stamp, #_atssh, #service-icons-0, #rw_lso_flash, #at4-thankyou, .meta-above-title, .meta-below-title, .p-comment, .sqs-block-markdown, .rw-ui-squarespace-container, .entry-footer, .pagination
  {display:none;}  &lt;/style&gt;
  </code></pre>
  
  <p>to remove whatever I don't want to be printed. However, there is one element which I don't know how to add to the list. It is basically the url address of my post title. I tried <code>$(".entry-title.p-name").attr("href")</code> but it didn't work. This is the code of one arbitrary post title on my blog:</p>
  
  <pre><code>  &lt;h1 data-content-field="title" class="entry-title p-name"&gt;
   &lt;a href="/updates/2016/4/7/fathers-sons-and-fishes" class="u-url" rel="bookmark"&gt;
  Fathers, Sons and Fishes&lt;/a&gt;&lt;/h1&gt;
  </code></pre>
  
  <p>I hope you can help me with this one.
  Sincerely, Artur</p>