jquery怎么获取页面中所有class为指定值的元素

在jquery中, 通过在对象选择器指定要获得的class对象, 便可以获得页面中所有class为指定值的元素 。 下面小编以获得元素内容为例, 讲解jquery怎么获取页面中所有class为指定值的元素 。

jquery怎么获取页面中所有class为指定值的元素

文章插图

需要这些哦
html+jquery
代码编纂器:Dreamweaver CS5
方式/
1新建一个html文件, 定名为test.html, 用于讲解jquery怎么获取页面中所有class为指定值的元素 。
jquery怎么获取页面中所有class为指定值的元素

文章插图

2在test.html文件内, 利用p标签建立三行文字, 别离为“测试一”, “测试二”, “测试三” 。
jquery怎么获取页面中所有class为指定值的元素

文章插图

3在test.html文件内, 设置p标签的class为test, 本家儿要用于下面经由过程该class获得p对象 。
jquery怎么获取页面中所有class为指定值的元素

文章插图

4在test.html文件内, 利用button标签建立一个按钮, 给button按钮绑定onclick点击事务, 当按钮被点击时, 执行getdata函数 。
jquery怎么获取页面中所有class为指定值的元素

文章插图

5在js标签中, 建立geth()函数, 在函数内, 经由过程类名test获得所有的p元素对象, 利用each()方式遍历对象, 每次遍历, 执行function函数 。
jquery怎么获取页面中所有class为指定值的元素

文章插图

6在function函数内, 经由过程text()方式获得元素的内容, 同时利用push()方式把元素的内容存进数组中 。 最后, 利用alert()方式输出页面中所有class为指定值的元素内容 。
jquery怎么获取页面中所有class为指定值的元素

文章插图

7在浏览器打开test.html文件, 点击按钮, 查看成果 。
jquery怎么获取页面中所有class为指定值的元素

文章插图

总结:1【jquery怎么获取页面中所有class为指定值的元素】1、建立一个test.html文件 。
2、在文件内, 利用p标签建立三行文字, , 同时建立一个button按钮, 用于触发执行js函数 。
3、在js标签内, 建立函数, 在函数内, 经由过程类名test获得所有的p元素对象, 利用each()方式遍历对象, 每次遍历, 经由过程text()方式获得元素的内容, 同时利用push()方式把元素的内容存进数组中 。 最后, 利用alert()方式输出页面中所有class为指定值的元素内容 。

注重事项jquery中的对象选择器可以利用class为指定值来获得对象 。

以上内容就是jquery怎么获取页面中所有class为指定值的元素的内容啦, 希望对你有所帮助哦!

    推荐阅读