首页 > Web开发 > 详细

jquery元素定位方法

时间:2015-05-30 14:42:59      阅读:388      评论:0      收藏:0      [点我收藏+]

用chrome浏览器打开页面,按f12调出开发者调试模式,查看elements,部分代码如下图所示,注意红框部分

技术分享

假设我们要查找某些元素的位置,用鼠标移到那部分元素,调试器会自动用蓝颜色标示选中部分的相应代码,如上图的红框中所示。

点击console技术分享

在控制台输入命令:elements=jQuery.find(‘button.navbar-toggle‘)

目的是寻找jquery相应元素,并赋值对象属性到elements这个变量

运行后可以看到所有相应的元素,然后输入elements[0]之类的语句确切定位想要查看的元素,0是第一个,1是第二个

最后输入elements[0].textContext之类的命令查看标签属性,假设查看元素类似<...class=‘navbar-toggle‘...>image<...>这样的格式,那么elements[0].textContext命令执行结果为image

用这种方法可快速抓取网页中jquery元素进行利用

jquery元素定位方法

原文:http://www.cnblogs.com/slqt/p/4540266.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!