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);
   //修改显示的总数
}