首页 > 软件开发 > HTML >

jQuery如何按id查找元素

来源:互联网 2023-03-16 19:11:31 496

介绍jQuery按照id查找元素的几种方法。可以完整名称,也可以首尾子串查找。6E7办公区 - 实用经验教程分享!

jQuery如何按id查找元素?6E7办公区 - 实用经验教程分享!

工具/原料

  • jQuery

方法/步骤

  • 1

    首先是向文档添加jQuery才能使用之。如图是在浏览器控制台调试添加jQuery脚本的方法。6E7办公区 - 实用经验教程分享!

    jQuery如何按id查找元素?6E7办公区 - 实用经验教程分享!

  • 1相关内容未经授权抓取自百度经验
  • 2

    第一种,按照完整id查找。jQuery("#id")即可。jQuery如果可以简写为$,就是$("#id")。6E7办公区 - 实用经验教程分享!

    jQuery如何按id查找元素?6E7办公区 - 实用经验教程分享!

  • 3

    第二种,按照标签加开头匹配。jQuery("标签名[id^='id开头子串']")实现查找。6E7办公区 - 实用经验教程分享!

    jQuery如何按id查找元素?6E7办公区 - 实用经验教程分享!

  • 4

    第三种,按照标签加结尾匹配。jQuery("标签名[id^='id结尾子串']")实现查找。6E7办公区 - 实用经验教程分享!

    jQuery如何按id查找元素?6E7办公区 - 实用经验教程分享!

  • 5

    第四种,按照标签加中间内容匹配。jQuery("标签名[id^='id中间内容']")实现查找。6E7办公区 - 实用经验教程分享!

    jQuery如何按id查找元素?6E7办公区 - 实用经验教程分享!

  • 6

    最后举例一种特殊情况,要查找的元素在内嵌html中。结构如图。在html文档内部有另一个html文档。6E7办公区 - 实用经验教程分享!

    jQuery如何按id查找元素?6E7办公区 - 实用经验教程分享!

  • 7

    使用如图代码获取内嵌的html文档的body元素,接着使用如图黄色框内代码查找内部html文档中的元素。注意和红色的区别。6E7办公区 - 实用经验教程分享!

    jQuery如何按id查找元素?6E7办公区 - 实用经验教程分享!

    jQuery如何按id查找元素?6E7办公区 - 实用经验教程分享!

  • 注意事项

    • jQuery(某元素).find方法可以搜索某个元素的子层级而不是全局。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!6E7办公区 - 实用经验教程分享!


    标签: JQUERYHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码