在jquery中 , eq()方法主要用于获得指定位置的元素对象 。 下面小编举例讲解jquery中eq()方法怎样使用 。
文章插图
需要这些哦
html+jquery
代码编纂器:z studio 10.0
方式/
1【jquery中eq方法怎样使用】新建一个html文件 , 定名为test.html , 用于讲解jquery中eq()方式如何利用 。
文章插图
2在test.html文件中 , 利用p标签建立多行文字 , 用于测试 。
文章插图
3在test.html文件中 , 同一给p标签添加一个class属性 , 用于下面获得p对象 。
文章插图
4在test.html文件中 , 利用button标签建立一个按钮 , 给button绑定onclick点击事务 , 当按钮被点击时 , 执行getIndex()函数 。
文章插图
5在js标签内 , 建立getIndex()函数 , 在函数内 , 经由过程class获得p对象 , 利用eq()方式获得第三个p元素(位置默认从0起头) , 再利用text()方式获得它的内容 , 利用alert()方式输出 。
文章插图
6在浏览器打开test.html文件 , 点击按钮 , 查看实现的结果 。
文章插图
总结:11、利用p标签建立多行文字 , 同一给p标签添加一个class属性 。 2、在js标签内 , 经由过程class获得p对象 , 利用eq()方式获得第三个p元素(位置默认从0起头) , 再利用text()方式获得它的内容 , 利用alert()方式输出 。
以上内容就是jquery中eq方法怎样使用的内容啦 , 希望对你有所帮助哦!
推荐阅读
- WPF修改Datagrid列标题与选中状态
- wpsppt中如何制作校园黑板风封面
- wpsppt中如何制作简洁大方型工作总结封面
- wpsppt中如何制作直线斜纹简洁封面
- wpsppt中如何制作彩色墨迹型目录样式
- 逐浪cms后台系统中数据字典管理
- 百度翻译怎么截图识字 百度翻译截图识字方法
- 误删邮件怎么恢复?彻底删除邮件的恢复方法介绍
- 兴业银行信用卡提额方法有哪些?肯定干货!
- wpsppt中如何进行线条几何风图文排版