如何创建一个基本的 jQuery 弹出窗口？

a.selected {
  /* custom styles for selected items */
}

.messagepop {
  /* styles for the popup window */
}

label {
  /* styles for labels within the popup */
}

.messagepop p, .messagepop.div {
  /* styles for paragraphs and divisions within the popup */
}

function deselect(e) {
  // hide the popup when deselected
}

$(function() {
  // jQuery DOM-ready function
  $("#contact").on('click', function() {
    // handle click events on the "contact" element
  });

  $(".close").on('click', function() {
    // handle click events on the "close" element
  });
});

$.fn.slideFadeToggle = function(easing, callback) {
  // custom animation function for the popup
};

<div class="messagepop pop">
  <!-- popup content goes here -->
</div>

<a href="/contact">

<div>
  <div class="messagepop pop"></div> 
  <a href="/contact">

$("#contact").on('click', function() {
  // handle AJAX call to load popup content
});