这个jQuery备忘单对于初学者和有经验的开发人员都是很好的参考。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" rel="external nofollow" ></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" rel="external nofollow" crossorigin="anonymous"></script>
$(selector).methodOrFunction();
$("#menu").on("click", () =>{
$(this).hide();
});
$("body").css("background", "red");
$(document).ready(function() {
// Runs after the DOM is loaded.
alert("DOM fully loaded!");
});
$(function(){
// Runs after the DOM is loaded.
alert("DOM fully loaded!");
});
$("button").click(() => {
$(":button").css("color", "red");
});
$("selector1, selector2 ...selectorn")
$("h2").css({
color: "blue",
backgroundColor: "gray",
fontSize: "24px"
});
$(".button").addClass("active");
$(".button").on("mouseleave", evt => {
let e = evt.currentTarget;
$(e).removeClass("active");
});
$(".choice").toggleClass("highlighted");
$("span").after("<p>Paragraph.</p>");
$("<span>Span.</span>").replaceAll("p");
$("span").wrap("<p></p>");
// A mouse event "click"
$("#menu-button").on("click", () => {
$("#menu").show();
});
// A keyboard event "keyup"
$("#textbox").on("keyup", () => {
$("#menu").show();
});
// A scroll event "scroll"
$("#menu-button").on("scroll", () => {
$("#menu").show();
});
$("#menu").on("click", event => {
$(event.currentTarget).hide();
});
$("#menu-btn").on("mouseenter", () => {
$("#menu").show();
}).on("mouseleave", () => {
$("#menu").hide();
});
$( "p" ).click(function( event ) {
event.stopPropagation();
// Do something
});
$("#menu-button").on("click", () => {
// $("#menu").fadeIn(400, "swing")
$("#menu").fadeIn();
});
$("#menu-button").on("click", () => {
// $("#menu").fadeOut(400, "swing")
$("#menu").fadeOut();
});
$.ajax({
url: this.action,
type: this.method,
data: $(this).serialize()
}).done(function(server_data){
console.log("success" + server_data);
}).fail(function(jqXHR, status, err){
console.log("fail" + err);
});
jQuery mouseover() 方法jQuery 事件方法实例 当鼠标指针位于 p 元素上方时，设置背景色为黄色：$("p").mouseover(function(){ $...
通过 jQuery，可以把动作/方法链接在一起。 Chaining 允许我们在一条语句中运行多个 jQuery 方法（在相同的元素上）。jQuery 方...
jQuery Autocomplete 插件根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。通过给 Autocomplete 字段焦点或...
jQuery 滑动方法可使元素上下滑动。点击这里，隐藏/显示面板一寸光阴一寸金，因此，我们为您提供快捷易懂的学习内容。在这里，您...
缩小搜索元素的范围 三个最基本的过滤方法是：first(), last() 和 eq()，它们允许您基于其在一组元素中的位置来选择一个特定的元...