jQuery 1.9之後的attr

今天在寫一個table中tr的click事件，本來想要在某一列上click之後就自動選取前方的checkbox；經過許久的測試後發現事情並不單純，利用以前舊有的attr方法來做竟然發生問題

原來的版本

在這個解法中是利用.attr('checked')來檢查目前checkbox的選取狀態，在第一次run的時候，功能完全正常；但是如果點了第二次他就失靈了，如果利用Chrome developer tool來查看元件，會發現checkbox的後面會忠實地加上checked="checked"這樣的屬性，妙的是checkbox的顯示完全是未選取狀態。

查了jQuery的文件後發現，在jQuery 1.9之後要改用prop，雖然這個在1.6版就有了，但現在看來1.9不用這個會出大問題

http://jquery.com/upgrade-guide/1.9/#attr-versus-prop-

修改後的版本

改用prop來檢測目前的checkbox狀態，並且用prop來變更checkbox狀態。這樣就可以正常呈現想要的功能，不過如果再用Chrome developer tool來看的話，會發現checkbox之後的checked ="checked"根本不會改變...
這真是太詭異了