元素
$("tr:odd") //選取表格的奇數行
$("tr:even") //選取表格的偶數行2.事件
$(document).ready(function(){}); //文檔加載完成后執行的函數
$(selector).click(function(){}); //當點擊元素時發生的事件
$(selector).dblclick(function(){}); //當雙擊元素時發生的事件
$(selector).focus(function(){}); //當元素獲得焦點時發生的事件
$(selector).blur(function(){}); //當元素失去焦點時發生的事件
$(selector).keydown(function(){}); //當用戶按下鍵盤上的任意鍵時發生的事件
$(selector).mouseenter(function(){}); //當鼠標指針移動到元素上時發生的事件
3.效果
$(selector).hide(); //隱藏元素
$(selector).show(); //顯示元素
$(selector).toggle(); //切換元素的可見狀態
$(selector).fadeIn(); //淡入元素
$(selector).fadeOut(); //淡出元素
$(selector).slideUp(); //向上滑動元素隱藏
$(selector).slideDown(); //向下滑動元素顯示
$(selector).animate({params},speed,callback); //自定義動畫效果
4. AJAX
$.ajax({
type:'POST', //http請求方式
async:false, //是否異步請求
url:url, //請求的url
data:datas, //請求所需參數
dataType:'json', //返回數據的格式
success:function(data){
console.log(data); //請求成功后的回調函數
},
error:function(){
console.log('請求失敗!'); //請求失敗后的回調函數
}
});
這是jQuery 1.11.3版本的一些基礎方法和屬性,當然還有更多的功能可以發掘。jQuery在前端開發中起著至關重要的作用,讓開發人員更加高效和便捷地完成工作。