jquery如何一次获取多个元素进行操作

html+jquery
代码编纂器:Dreamweaver CS5方式/
1新建一个html文件, 定名为test.html, 用于讲解jquery若何一次获取多个元素进行操作 。

jquery如何一次获取多个元素进行操作

文章插图

2在test.html文件内, 引入jquery.min.js库文件, 当作功加载该文件, 才能利用jquery中的方式 。

jquery如何一次获取多个元素进行操作

文章插图

3在test.html文件内, 利用div标签, p标签, span标签别离建立一行文字的显示, 下面将对它们进行同一操作 。

jquery如何一次获取多个元素进行操作

文章插图

4在test.html文件内, 利用button标签建立一个按钮, 按钮名称为“操作多个元素” 。

jquery如何一次获取多个元素进行操作

文章插图

5在test.html文件中, 给button按钮绑定onclick点击事务, 当按钮被点击时, 执行addcss函数 。

jquery如何一次获取多个元素进行操作

文章插图

6在js标签中, 建立addcss()函数, 在函数内, 经由过程元素名称作为选择器(多个元素名称以逗号离隔), 获得元素对象后, 利用css()方式同一设置它们的文字颜色为红色 。

jquery如何一次获取多个元素进行操作

文章插图

7【jquery如何一次获取多个元素进行操作】在浏览器打开test.html文件, 输入时候, 点击按钮, 查看成果 。

jquery如何一次获取多个元素进行操作

文章插图

jquery如何一次获取多个元素进行操作

文章插图


以上内容就是jquery如何一次获取多个元素进行操作的内容啦, 希望对你有所帮助哦!

    推荐阅读