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

html+jquery

代码编纂器:Dreamweaver CS5

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解jquery若何一次获取多个元素进行操作。

    b8014a90f603738de77e9049bc1bb051f819eca1.jpg
  2. 2

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

    78310a55b319ebc4f35beaf28d26cffc1e1716bd.jpg
  3. 3

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

    38dbb6fd5266d0162fc00343982bd40734fa35fb.jpg
  4. 4

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

    a50f4bfbfbedab643eabd0abf836afc378311efb.jpg
  5. 5

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

    ac4bd11373f08202624b0c5444fbfbedaa641bfb.jpg
  6. 6

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

    0e2442a7d933c895e34a0410de1373f0820200a0.jpg
  7. 7

    在浏览器打开test.html文件,输入时候,点击按钮,查看成果。

    0b55b319ebc4b745054d2a7dc0fc1e178b8215fb.jpg 83025aafa40f4bfbc1e4023f0c4f78f0f73618a0.jpg
  • 发表于 2019-12-19 17:00
  • 阅读 ( 825 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具