首页 > 软件开发 > JQUERY >

如何默认选中一个a标签

来源:互联网 2023-03-17 00:47:35 版权归原作者所有,如有侵权,请联系我们

在做页面开发时,如果你希望页面加载完后,就默认选中一个链接标签,这该怎么做?下面我们来看一下。

p0R办公区 - 实用经验教程分享!

p0R办公区 - 实用经验教程分享!

方法/步骤

  • 1

    在html里创建几个a链接标签,注意需要加上id。

    p0R办公区 - 实用经验教程分享!

    p0R办公区 - 实用经验教程分享!

    如何默认选中一个a标签p0R办公区 - 实用经验教程分享!

  • 2

    如果就这样的代码,运行后,是不会有默认选中的链接的。

    p0R办公区 - 实用经验教程分享!

    p0R办公区 - 实用经验教程分享!

    如何默认选中一个a标签p0R办公区 - 实用经验教程分享!

  • 3

    我们需要借助js脚本来处理才行。先添加一个jquery的ready方法。

    p0R办公区 - 实用经验教程分享!

    p0R办公区 - 实用经验教程分享!

    如何默认选中一个a标签p0R办公区 - 实用经验教程分享!

  • 4

    在方法里,通过id取得要设置的链接,然后调用focus方法就行了。

    p0R办公区 - 实用经验教程分享!

    p0R办公区 - 实用经验教程分享!

    如何默认选中一个a标签p0R办公区 - 实用经验教程分享!

  • 5

    这里我们使用的是jquery的语法,使用jquery来操作dom元素,因此我们不要忘记了添加jquery脚本文件。

    p0R办公区 - 实用经验教程分享!

    p0R办公区 - 实用经验教程分享!

    如何默认选中一个a标签p0R办公区 - 实用经验教程分享!

  • 6

    运行页面,可以看到现在有一个链接是默认选中的,就是页面加载完就会自动选中了一个链接的。

    p0R办公区 - 实用经验教程分享!

    p0R办公区 - 实用经验教程分享!

    如何默认选中一个a标签p0R办公区 - 实用经验教程分享!

  • 6相关内容未经授权抓取自百度经验
  • 7

    要更改要选中的链接,我们把代码里的id换成要选中的链接的id就行了。

    p0R办公区 - 实用经验教程分享!

    p0R办公区 - 实用经验教程分享!

    如何默认选中一个a标签p0R办公区 - 实用经验教程分享!

    如何默认选中一个a标签p0R办公区 - 实用经验教程分享!

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


    标签: JQUERYHTMLCSS

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