【JS逆向】【11.JavaScript 基础语法】JQuery(详细笔记)
    		       		warning:
    		            这篇文章距离上次修改已过447天,其中的内容可能已经有所变动。
    		        
        		                
                在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>           
评论已关闭