js+jquery 常用选择器函数

Posted 程昱仲德

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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()

  

 


以上是关于js+jquery 常用选择器函数的主要内容,如果未能解决你的问题,请参考以下文章

前端开发中最常用的JS代码片段

jQuery基础

jQ选择器学习片段(JavaScript 部分对应)

jQuery 的选择器在 iframe 中不起作用

JQuery02

JQuery选择器