苏飞论坛

标题: jq获取元素位置的方法 [打印本页]

作者: 范范 时间: 2017-11-6 20:39
标题: jq获取元素位置的方法
在jq中，主要用到的最多的，就是根据当前元素，获取其他元素，如后一个，前一个，父元素，子元素等等
只要知道这些的基本方式，页面的页面基本上都能获取到，线面就简单说下我们获取元素方法

$('#id').siblings() 当前元素所有的兄弟节点
$('#id').prev() 当前元素前一个兄弟节点
$('#id').prevaAll() 当前元素之前所有的兄弟节点
$('#id').next() 当前元素之后第一个兄弟节点
$('#id').nextAll() 当前元素之后所有的兄弟节点

这就是根据当前元素，获取其他元素的所有方法，根据这些基本的方法，能获取页面上基本所有的元素。

作者: 范范 时间: 2017-11-6 20:43
siblings；这个方法比较好，就是可以获取当前元素的所有兄弟元素，
这样的话，就可以实现点击本元素，隐藏或者显示当前元素同级的所有元素，获取给除当前元素外，其他元素增加、删除一个样式

作者: 范范 时间: 2017-11-6 20:44
剩下的就不说了，获取前一个，或者前面所有元素

获取前面所有，基本上就是去除前面html使用的比较多，其他的用的最多的就是prev（），获取前面元素

作者: 范范 时间: 2017-11-6 20:45
next（），nextAll（）获取后一个元素，或者后面所有元素，跟上面的是一样的，就不做介绍喽

作者: 范范 时间: 2017-11-6 20:46
这些就是最基本的，获取元素的方式，只要记到了，再记住点简单的方法编写，就可以用js，实现页面上的基本交互，希望有所帮助哈，这个主要就是对初学者有用啦，大神可以自动跳过

作者: 范范 时间: 2018-1-16 19:56
路过支持下自己，加油ing

欢迎光临苏飞论坛 (http://www.sufeinet.com/)