js+jquery 常用选择器函数

一、获取当前标签

JS：

this，如下：

<button onclick="fun(this)"></button>

Jquery,如下：

$("#button").click(function(){　　$(this)})

二、获取父标签

<div><span id=”test”></span></div>

JS：

parentNode，如下：

document.getElementById("test").parentNode

Jquery:

parent(),如下：

$("#test").parent()

三、获取子标签

<div id=”test”><span></span></div>

JS：

childNodes，如下

document.getElementById("test").childNodes

Jquery：

children(), 如下

$("#test").parent()

四、获取上一个标签

<div></div><div id=”test”></div>

JS:

previouselementsibling,如下

document.getElementById("test").previouselementsibling

Jquery：

prev(),如下

$("#test").prev()

五、获取下一个标签

<div id=”test”></div><div></div>

JS：

document.getElementById("test").nextSibling

Jquery：

$("#test").next()