jq jquery是一種非常強大的JavaScript庫,它可以讓開發者輕松優雅地操控HTML文檔、處理事件、實現動畫、制作Ajax等操作。下面介紹一些常用的jq jquery函數:
//1.事件處理函數 $(selector).click(function(){...}); //點擊事件 $(selector).dblclick(function(){...}); //雙擊事件 $(selector).on("mouseover",function(){...}); //鼠標滑過事件 //2.選擇器 $("p"); //選擇所有$(".classname"); //選擇class為"classname"的所有元素 $("#idname"); //選擇id為"idname"的元素 $("p:first"); //選擇第一個
$("p:last"); //選擇最后一個
//3.操作元素 $(selector).text("new text"); //設置元素文本 $(selector).html("new html"); //設置元素HTML $(selector).attr("href","http://www.google.com"); //設置元素屬性 $(selector).hide(); //隱藏元素 $(selector).show(); //顯示元素 //4.動畫 $(selector).fadeIn(); //淡入 $(selector).fadeOut(); //淡出 $(selector).slideUp(); //向上滑動 $(selector).slideDown(); //向下滑動 //5.Ajax $.ajax({ url: "test.html", //請求地址 type: "GET", //請求類型 data: {name:"test",age:20}, //請求數據 success: function(result){...} //成功后的回調函數 });
以上函數只是jq jquery庫中的冰山一角,它還有許多其他強大的函數可以幫助開發者更快捷地完成工作。