jQuery初学（一）——关于如何获取网页中的元素

最新推荐文章于 2022-08-09 14:56:04 发布

VIP文章 zZach

最新推荐文章于 2022-08-09 14:56:04 发布

阅读量835

点赞数

分类专栏： jQuery 文章标签： jquery 源码

本文链接：https://blog.csdn.net/zz_life/article/details/50624681

版权

PS:大部分源码来自慕课网，粘贴到html文件中可直接体验效果

要使用jQuery，只需要在head标签中加入如下一行：

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

根据id来操作元素：

<!DOCTYPE html>
<html>
    <head>
        <title>#id选择器</title>
        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
    </head>
    <body>
        <div id="test1">原来的内容</div>
        <script type="text/javascript">
            $("#test1").html("改变后的内容");
        </script>
    </body>
</html>

通过$("#id")来获取元素，并通过html()函数来改变元素的内容。

根据元素的类型来操作元素

<!DOCTYPE html>
<html>
    <head>
        <title>element选择器</title>
        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
    </head>
    <body>
        <button id="btntest">点我</button>
        <script type="text/javascript">
            $("button").attr("disabled","true");
        </script>
    </body>
</html>

通过$(

最低0.47元/天解锁文章

zZach

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery初学（一）——关于如何获取网页中的元素

PS:大部分源码来自慕课网，粘贴到html文件中可直接体验效果要使用jQuery，只需要在head标签中加入如下一行：根据id来操作元素： #id选择器原来的内容 $("#test1").html("改变后的内容"); 通过$("
复制链接

扫一扫