jQuery中next()方法用法实例
JQUERY里的next()是下一节点的的意思你的$("p")在HTML里有两个,所以得出来的结果是分别输出两次:第一个
输出 :
Hello Again
,第二个输出 :
And Again
别外next()也可能这样 $("p").next("div"),指的下一个DIV,那么就输出:
And Again
,不过你HTML里有两个那就输出两次这东西了
jquery匹配上一个元素是什么方法
jQuery匹配上一个元素的方法是?prev()。 如果给定一个表示DOM元素集合的jQuery对象,prev()方法在DOM树中搜索这些元素的前一个同胞元素,并用匹配元素构造一个新的jQuery对象。类似地,.next()方法用以获得匹配元素集合中每个元素紧邻的后一个同辈元素。
1、语法: .prev(selector)功能:获得匹配元素集合中每个元素紧邻的前一个同辈元素,由选择器筛选(可选) 参数:selector字符串值,包含用于匹配元素的选择器表达式。
2、示例: $("p").prev(".selected");?????//?检索每个段落,找到前一个类名为?"selected"?的同胞元素
jQuery里面的方法addback()的作用
这个方法是1.8版本添加,用来替代andSelf()。用来把自己添加到选择器中。例如
list item 1
list item 2
list item 3
list item 4
list item 5
$( "li.third-item" ).nextAll().addBack() .css( "background-color", "red" );如果不加addBack()的话,就是4和5变红,如果加上addBack()的话就是包括他自己3也会变红。可以自己试试效果。js基本选择器与层次选择器
一、JS基本选择器是JQuery中最常用的选择器,也是最简单的选择器,它通过元素id、class 和标签名来查找DOM元素。这个非常重要,下面的内容都是以此为基础,逐级提高的。
1).“$(“#id”)”,获取id指定的元素,id是全局唯一的,所以它只有一个成员。
2).“$(“.class”)”,获取class指定的元素,不同的元素可以具有相同的class属性,所以它可能具有多个成员。
3).“$(“element”)”,获取element(元素名,比如div、table等)指定的元素,它可能具有多个成员。
4).“$(“*”)”,获取所有元素,相当于document。
5).“$(“selector1,selector2,…,selectorN”)”,将每个选择器匹配到的元素合并后一起返回。返回selector1匹配的集合+selector2匹配的集合+…+selectorN匹配的集合。
二、层次选择器
什么是层次?层次就是父子关系、兄弟关系的节点。所以,层次选择器就是用来获取指定元素的父子节点、兄弟节点。
1).“$(“ancestor descendant”)”,获取ancestor元素下边的所有元素。
2).“$(“parent > child”)”,获取parent元素下边的所有子元素(只包含第一层子元素)。
3).“$(“pre + next”)”,获取紧随pre元素的后一个兄弟元素。
4).“$(“pre ~ siblings”)”,获取pre元素后边的所有兄弟元素。