JQuery的学习记录

JS脚本
window.onload =
function(){
var oTable = document.getElementById("oTable");
for(var i=0;i<oTable.rows.length;i++)
{
if(i%2==0) //偶数行时
oTable.rows[i].className = "altrow";
}
}
jQuery脚本
$(function()
{
$("table.datalist tr:nth-child(odd)").addClass("altrow");
});

$选择器
选择html标签 $("table") 选择所有的表格控件
选择id标签 $("#id") 即可选择指定id的html控件

window.onload事件，对于DOM操作。
太多发生冲突，js多次调用onload.
但是在网页没有加载完成时，DOM没有加载完全,有些操作冲突。

Jquery的ready()方法解决上面所有问题
$(document).ready(function(){……});
或者
$(function(){……})

$可以创建DOM元素
//创建DOM元素
var oNewP = $("<p>这是一个感人肺腑的故事</p>");
oNewP.insertAfter("#myTarget");
//insertAfter()方法 插在myTarget的控件后

DOM选择功能
属性选择器
$("ul li ul li:has(a)").addClass("myClass");
//迭代使用选择器
$(":input:not(:checkbox):not(:radio)").addClass("myClass");

位置选择器
$("p:lt(2)").addClass("myClass") //前两个p应用样式

添加事件
document.onclick = function()
{
var i = $("div").size()+1;
//获取div块的数目（此时还没有添加div块）
$(document.body).append($("<div>"+i+"</div>")); //添加一个div块
$("span").html(i);
//修改显示的总数
}