jQuery—选择器使用和更改元素属性和文本内容

最新推荐文章于 2022-09-29 02:47:56 发布

何迟

最新推荐文章于 2022-09-29 02:47:56 发布

阅读量6.1k

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/qq_42036616/article/details/81903830

版权

jQuery 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试</title>
    <script src="jquery-3.3.1.js"></script>
    <script src="text2.js"></script>
    <!--注意：引入自己的JS文件必须要在库文件下面引入，因为自己的JS文件要执行必须调用其库函数-->
</head>
<body>
       <p><a href="http://www.baidu.com" id="a1">谷歌据说要回来</a></p>
       <p><a href="http://www.baidu.com" class="a2">百度慌了</a></p>
       <button>改变</button>
</body>
</html>

JS代码：

$(document).ready(function () {
   $("button").click(function () {
       $("a").attr('href',"http://www.bilibili.com");
       $("#a1").text("B站");
       $(".a2").text("你值得拥有");
       
   }) 
   //attr()方法后面修改属性，前面一个参数用单引号里面指定元素，逗号隔开，再用双引号指定更改的内容
   //text()方法后面更改标签显示的内容
    
   //上面通过标签名，id选择器，class选择器跟CSS一样    
});

效果：

何迟

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery—选择器使用和更改元素属性和文本内容

HTML代码：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;测试&lt;/title&gt; &lt;script src="jquery-3.3.1.js"&am
复制链接

扫一扫

专栏目录