JQ基礎總結

2022-07-30 11:36:12 字數 2064 閱讀 8718

$('p') //元素選擇器 

$('#id') //id選擇器

$('.class') //類選擇器

$ ('*') //選取全部元素

$ ('this') // 獲取當前元素

$('#id').click(); // 點選事件 

$('#id').mouseenter() // 滑鼠事件

$('#id').keypress() // 鍵盤事件

$('#id').submit() // 表單事件

$('#id').load() // 文件事件

hide()&&show()

$('#id').click(function())
toggle()

$('#id').click(function())
淡入淡出

$('#id').click(function())
jq滑動

$('#id').click(function())
jq動畫animate()

// 動畫

$('#id').click(function()

); var divbox = $('#div');

divbox.animate();

divbox.animate();

})// 停止動畫

$('#button').click(function())

jq動畫 鏈

$('#id').click(function())
獲取返回內容

$(document).ready(function())

})

獲取表單的值

$(document).ready(function())

})

獲取屬性

$(document).ready(function());

});

prepend() - 在被選元素的開頭插入內容

after() - 在被選元素之後插入內容

before() - 在被選元素之前插入內容

$(document).ready( function())

})

$(document).ready( function()

})

$(document).ready(function());

});

load()方法

$(selector).load(url,data,callback);

$(document).ready( function())

})

$.get() 方法

$.get(url,callback);

$(document).ready( function())

})})

$.post() 方法

$.post(url,data,callback);

$(document).ready( function(),

function(data,status))})

})

jq簡單總結

第一種 function 第二種 document ready function 第三種 jquery function 需要注意的是 js和jq的入口函式不同點 1 js的入口函式只能有乙個,如果寫了多個只執行最後乙個 2 jq的入口函式可以寫多個,並且順序執行 dom轉jq ele jq轉dom...

jq應用總結(二)

這次說說進製轉換問題 因為jq是弱語言型別,所以你會發現,他會自動轉換進製,如當出現以0開頭的資料時,它就會出現自動八進位制轉十進位制 例 01111 八進位制 585 十進位制 情景分析 我有這麼乙個函式 資料是資料庫中取得的值01111 中呈現按道理來說是 getvalue 01111 但是事實...

jq選擇器總結

js選擇 var test document.getelementbyid test var parent test.parentnode 父節點 var chils test.childnodes 全部子節點 var first test.firstchild 第乙個子節點 var last te...