jquery中html(),text(),val(),怎么获取a标签的href值

最新推荐文章于 2021-05-06 04:37:29 发布

原创最新推荐文章于 2021-05-06 04:37:29 发布 · 4.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#html() #text() #val() #href

笔记同时被 3 个专栏收录

23 篇文章

订阅专栏

jQuery

3 篇文章

订阅专栏

3 篇文章

订阅专栏

这篇博客介绍了jQuery中获取元素属性的方法，重点讲解了如何使用html(), text(), val()和attr()。其中，attr()函数用于获取a标签的href属性值，这对于处理链接信息至关重要。" 107949750,9946510,在React项目中集成Echarts图表库,"['reactjs', '甘特图', '数据可视化', 'Echarts图表']

部署运行你感兴趣的模型镜像

1.html()是获取所选标签内的所有文字

2.text()是获取所选标签内的所有内容

3.val()是获取所选标签内的value值（一般是input标签的值）

4.attr()是获取和修改属性的值

    <div class="div1">div1</div>
    <div class="div2">waimian<span>div2</span></div>
    <a href="www.baidu.com" class="diva">yoyoyo</a>
    <input type="text" class="div3">
    <input type="submit" class="div4">

    <script>
        $('.div1').click(function(){
            console.log($(".div1").text());  //div1
            console.log($(".div1").html());  //div1
        })

        $('.div2').click(function(){
            console.log($(".div2").text());  //外div2
            console.logt($(".div2").html());  //外<span>div2</span>
        })

        $('.diva').click(function(){
        	alert($(".diva").attr("href"));  // www.baidu.com
            $(".diva").attr("href",'http://www.taobao.com')  //当前界面会跳转到淘宝网界面（一个窗口），当a标签设置了target=_blank, 会重新打开一个窗口显示淘宝界面（两个窗口）
        })

        $('.div5').click(function(){
            console.log($('.div4').val())  //获取到input标签输入的内容
        })
    </script>