jQuery简单使用步骤
一、引入jQuery文件
jQuery文件下载地址:https://www.bootcdn.cn/jquery/
示例代码:
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js" type="text/javascript" charset="utf-8"></script>
二、写一个入口函数
jQuery入口函数(若代码在head标签内或html代码之前可省略不写)
示例代码:
$(document).ready(function(){
//jQuery入口函数
});
三、找到你要操作的元素(使用jQuery选择器)进行操作(添加样式,属性,文本等)
示例代码:
body代码:
<body>
<div class="wrapper"></div>
</body>
jQuery代码:
$(document).ready(function(){
$(".wrapper").width(200).height(200).css("backgroundColor","blue").text("给class为wrapper的div添加文本"); //此处使用链式编程
});
以上就是jQuery的简单使用步骤!