$(document).ready(function(){ });
等价于:
$(function(){ });
多条件选择器:(注意空格,不能多,不能少)
$("p,div,span.menuitem"),同时选择p标签、div标签和拥有menuitem样式的span标签元素
层次选择器:
(1)$("div li")获取div下的所有li元素(后代,子、子的子......);
(2)$(div > li")获取div下的直接li子元素;
(3)$(".menuitem + div")获取样式名为menuitem之后的第一个div元素(不常用);
(4)$(".menuitem - div")获取样式名为menuitem之后所有的div元素(不常用);
each用法:
$(function() {
$("td").mouseover(function() {
$.each($(this).nextAll("td"),function(){ $(this).text("★");});
});
});
设置属性值:
attr(属性,值)
取值:
attr(属性)
基本过滤选择器:
:first 选取第一个元素.$("div:first)"选取第一个<div>
:last 选取最后一个元素.$("div:last")选取最后一个<div>
:not(选择器) 选取不满足"选择器"条件的元素,$("input:not(.myClass)")选取样式名不是myClass的<input>
:even、:odd,选取索引是奇数、偶数的元素:$("input:even")选取索引是奇数的<input>
:eq(索引序号)、:gt(索引序号)、:lt(索引序号)选取索引等于、大于、小于索引序号的元素,比如$("input:lt()")选取索引小于1的<input>
$(":header")选取所有的h1......h6元素
$("div:animated")选取正在执行动画的<div>元素
多层过滤:(注意冒号)
$(function() {
$("#table1 tr:first").css("fontSize", "40");
$("#table1 tr:last").css("color", "red");
$("#table1 tr:gt(0):lt(3)").css("fontSize", "28");
$("#table1 tr:gt(0):even").css("background", "red");
});
整个页面变灰色:
body{filter:Gray;};
body下所有控件:
$("body *")
替换节点:
$("br").replaceWith("<hr/>");
将<br/>替换为<hr/>