1.遍历方式:
祖先:
parent() 父元素 $("span").parents();
parents() 所用父元素(比自己大的所用父元素) $("span").parents("ul");
parentsUntil() 返回介于 <span> 与 <div> 元素之间的所有祖先元素:$("span").parentsUntil("div");
同胞:
siblings() 返回 <h2> 的所有同胞元素 $("h2").siblings();
next() 返回 <h2> 的下一个同胞元素:$("h2").next();
nextAll() 返回 <h2> 的所有跟随的同胞元素: $("h2").nextAll();
nextUntil 返回介于 <h2> 与 <h6> 元素之间的所有同胞元素: $("h2").nextUntil("h6");
后代:
children :返回每个 <div> 元素的所有直接子元素: $("div").children();
find :find() 方法返回被选元素的后代元素,一路向下直到最后一个后代。 $("div").find("span");
过滤:
first(); 选取首个 <div> 元素内部的第一个 <p> 元素: $("div p").first();
last() 选择最后一个 <div> 元素中的最后一个 <p> 元素: $("div p").last();
eq() 方法返回被选元素中带有指定索引号的元素。索引号从 0 开始,因此首个元素的索引号是 0 而不是 1。下面的例子选取第二个 <p> 元素(索引号 1): $("p").eq(1);
filter() filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。 $("p").filter(".url");
not() not() 方法与 filter() 相反。 $("p").not(".url");
2.Jquery操作html 及css:
捕获元素:
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值
attr()