jQueryってやり方がいろいろあって、知らないと損した気分(不安な気分)。

┌──────────────────────────────────────┐
│(1) $(this).val()                                                           │
│(2) $(this).attr("value")                                                   │
│(3) $(this)[0].value                                                        │
└──────────────────────────────────────┘
これらは全部、同じ。

ちなみに値を代入したい場合にはそれぞれこう。
┌──────────────────────────────────────┐
│(1) $(this).val("値")                                                       │
│(2) $(this).attr("value","値")                                              │
│(3) $(this)[0].value = "値"                                                 │
└──────────────────────────────────────┘

これらの基本を踏まえて他の属性で処理に迷ったら流用すればよい。
(3)はprototype.jsっぽい書き方。
(2)はjQuery的な書き方。
そして(1)は特殊なjQueryに特化した書き方
(属性によっては該当するメソッドがない場合が多い)
ってとこかな。

jQueryにこだわらないのであれば、(3)にしとけばjQueryのない世界へ置換しやすい。
jQueryにどっぷりというのであれば(2)から入って(1)の知識を増やしていくって感じか。

(2)と(3)を把握できれば、立ち往生する機会が減るかも。(後で見直す(改善)のも重要)