jquery中eq方法怎样使用

在jquery中 , eq()方法主要用于获得指定位置的元素对象 。 下面小编举例讲解jquery中eq()方法怎样使用 。

jquery中eq方法怎样使用

文章插图

需要这些哦
html+jquery
代码编纂器:z studio 10.0
方式/
1【jquery中eq方法怎样使用】新建一个html文件 , 定名为test.html , 用于讲解jquery中eq()方式如何利用 。
jquery中eq方法怎样使用

文章插图

2在test.html文件中 , 利用p标签建立多行文字 , 用于测试 。
jquery中eq方法怎样使用

文章插图

3在test.html文件中 , 同一给p标签添加一个class属性 , 用于下面获得p对象 。
jquery中eq方法怎样使用

文章插图

4在test.html文件中 , 利用button标签建立一个按钮 , 给button绑定onclick点击事务 , 当按钮被点击时 , 执行getIndex()函数 。
jquery中eq方法怎样使用

文章插图

5在js标签内 , 建立getIndex()函数 , 在函数内 , 经由过程class获得p对象 , 利用eq()方式获得第三个p元素(位置默认从0起头) , 再利用text()方式获得它的内容 , 利用alert()方式输出 。
jquery中eq方法怎样使用

文章插图

6在浏览器打开test.html文件 , 点击按钮 , 查看实现的结果 。
jquery中eq方法怎样使用

文章插图

总结:11、利用p标签建立多行文字 , 同一给p标签添加一个class属性 。 2、在js标签内 , 经由过程class获得p对象 , 利用eq()方式获得第三个p元素(位置默认从0起头) , 再利用text()方式获得它的内容 , 利用alert()方式输出 。


以上内容就是jquery中eq方法怎样使用的内容啦 , 希望对你有所帮助哦!

    推荐阅读