JQuery/HTML5学习笔记

只是作为一个备忘，有些是我个人的猜想，如果能帮助大家也好。

jquery的相关事件设置，如$("p").click(function...)无法设置动态生成的<p>，bind也不行，这可能由于jquery代码先后顺序造成的。要用on(..)函数，并且是以下这个重载：

$("h3").on("click","p", function () {
alert("HEHE");
})

 使用jquery获取checkbox是否被checked，是使用this.checked。并且我把这些放到click触发函数中，发现点击事件是先改变了checked状态，再触发click事件的。
split如果有没有字符的，是算作“”，而非null。
一个父元素如果设置的点击事件，然后他的子元素被点击，则以后的点击会同时触发这两个事件，这叫做事件冒泡。除非子元素的click事件处理函数中，使用了如event.stopPropagation()或者return false。而return false等于同时使用stopPropagation()和preventDefault()。
使用jquery的:contains选择器的时候，如果是$("div:contains(John)")，那么要么全body（不包括footer）中都被选中，要么全都不被选中。这是因为最外面有层<div class="container">的div，jQuery的这个选择器会也会同时选择最外面的那个div。
$("div:odd:contains(John)") 和 $("div:contains(John):odd")效果是不一样的，都是从前面的结果中开始选择。

html5中的sessionStorage是不同窗口有不同的存储，即便是同一个url；而localStorage则不一样，类似于cookie，跨窗口。
JQuery中的css操作不会加入到animate队列中，如果需要顺序执行，则将css函数加入到动画完毕后的回调函数中
JQuery中，$(..).val()大多数情况下返回的是string，记得用parseInt来转换成number类型，否则加减操作会变成字符串操作。
如果需要某个元素居中，有以下几种办法：1. 在div中align=center。 2. 使用css：{width:50%;margin:0 auto;}