odd 指示的是基数行, even指的是偶数行
$(): jquery工厂函数,将dom对象转为jQuery
selector: 选择器,选中某个dom对象(html标签),和css一样。(通过标签,类选择器,ID选择器)
action()是jQuery的方法。只有jQuery对象才能调用jQuery的方法。 如果通过document.getElementById则不能直接使用jQuery的方法。 使用$(dcoument.getElementById("#id"))转为jQuery对象,再继续调用方法即可使用
$(selector).action();
$("tr:odd").not(:first).css("backgroud-color" : "gray"); 、//只选择偶数行,不包含第一行,增加底色
//给元素绑定事件
$("td").click( function(){
//操作的事件
} );
//给元素绑定双击事件
$(selector).dbclick(function(){});
//获取焦点事件
$(selector).focus(function(){} );
//失去焦点事件
$(selector).blur(function(){} );
//鼠标悬停
$(selector).hover(function(){}, function(){} ); //后面可以再加一个function(){}, 表示鼠标移出触发事件。
// 加文字 设置元素的文本
$(selector).text('');
//增加标签 给元素添加html标签。会将原本的元素擦掉
$(selector).html();
//给元素追加html标签
$(selector).append();
//给元素后面追加html标签(在选中的元素后面,不在选中的元素中)
$(selector).after(); // before相反
//删除。清空元素html标签
$(selector).empty();
//删除元素html标签
$(selector).remove();
//隐藏元素html标签 可以增加时间(tiem可以为空)
$(selector).hidden(time); $(selector).fadeOut(time); //隐藏 。 淡出的效果 $(selector).slideDown(time);
//显示元素html标签 可以增加时间(tiem可以为空)
$(selector).show(time); $(selector).fadeIn(time); //淡入的效果 $(selector).slideUp(time);