【JS逆向】【11.JavaScript 基础语法】JQuery(详细笔记)
在JavaScript中,jQuery是一个非常流行的库,它提供了一种简化JavaScript编程的方法。以下是一些常见的jQuery用法和示例代码:
- 选择元素:
$(document).ready(function(){
$("#myId").css("color", "red"); // 改变ID为myId的元素的文字颜色为红色
});
- 事件处理:
$("#myButton").click(function(){
alert("按钮被点击了!"); // 当按钮被点击时,弹出警告框
});
- 动画效果:
$("#myDiv").hide(); // 隐藏ID为myDiv的元素
$("#myDiv").show(); // 显示ID为myDiv的元素
$("#myDiv").fadeIn(); // 渐变显示ID为myDiv的元素
$("#myDiv").fadeOut(); // 渐变隐藏ID为myDiv的元素
- AJAX请求:
$.ajax({
url: "somepage.php",
type: "GET",
dataType: "json",
success: function(data){
console.log(data); // 处理返回的数据
},
error: function(xhr, status, error){
console.error("An error occurred: " + status + " - " + error); // 处理错误
}
});
- 链式调用:
$("#myDiv").css("color", "red").slideUp(500).slideDown(500); // 改变颜色并进行上下滑动效果
- 动态创建内容:
$("#myDiv").append("<p>这是新添加的段落。</p>"); // 在指定元素内添加内容
确保在使用jQuery之前,已经在页面中包含了jQuery库。可以通过CDN链接或者下载jQuery库到本地来实现。例如:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
评论已关闭