五个常见的 jQuery 面试题

发布时间:2024年01月19日

1. 如何使用 jQuery 选择器选中所有 class 为 “example” 的元素?

$(".example");

2. 如何使用 jQuery 遍历一个数组,并将每个元素添加到一个 <ul> 列表中?

<ul id="list"></ul>
var array = ["Item 1", "Item 2", "Item 3"];
$.each(array, function(index, value) {
  $("#list").append("<li>" + value + "</li>");
});

3. 如何使用 jQuery 绑定一个点击事件处理程序到按钮元素,并在点击时显示一个弹出框?

<button id="myButton">Click Me</button>
$("#myButton").click(function() {
  alert("Button clicked!");
});

4. 如何使用 jQuery 发送一个 AJAX POST 请求,并在成功时执行回调函数?

$.ajax({
  url: "your-url",
  type: "POST",
  data: yourData,
  success: function(response) {
    // 在请求成功时执行的代码
  },
  error: function(xhr, status, error) {
    // 在请求失败时执行的代码
  }
});

5. 如何使用 jQuery 添加一个 CSS 类到特定的元素?

$("#myElement").addClass("myClass");
文章来源:https://blog.csdn.net/qq_42431718/article/details/135702585
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。