码迷,mamicode.com
首页 > Web开发 > 详细

js+jquery 常用选择器函数

时间:2017-07-17 15:15:33      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:class   his   获取   script   选择器   str   previous   tno   rip   

一、获取当前标签

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 常用选择器函数

标签:class   his   获取   script   选择器   str   previous   tno   rip   

原文地址:http://www.cnblogs.com/chengzhongde/p/7194090.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!