柚子快報邀請碼778899分享:前端 jQuery
http://yzkb.51969.com/
目錄
1.簡述
2.環(huán)境配置
3.jQuery的使用
jQuery語法
基礎語法:
文檔就緒事件
元素選擇器:
#id 選擇器
.class 選擇器
jQuery事件
1.鼠標事件
click事件:
dblclick事件:
hover事件:
2.表單事件:
focus事件:
biur事件:
1.簡述
中文文檔:jQuery中文網(wǎng)官網(wǎng):jQuery
jQuery是一個快速、簡潔的JavaSrcipt框架。是一款免費的開放源代碼的輕量級JavaScript代碼庫。
2.環(huán)境配置
jQuery庫不需要安裝,將庫文件復制到站點中的某個文件夾即可。
jQuery的引入3.jQuery的使用
jQuery程序中的函數(shù),以“$”起始,$()等效于jQuery(),稱為jQuery工廠函數(shù)。
$(function()){
頁面加載事件
}
jQuery(function){
頁面加載事件
};
jQuery語法
jQuery語法是通過選取HTML元素,并對選取的元素進行某些操作
基礎語法:
$(selector).action()
$ : 定義jQuery(selector) :查詢和查找HTML元素action() :執(zhí)行對元素的操作
實例:
$("p").hide():隱藏所有
元素 $("p.test").hide():隱藏所有 class="test" 的
元素 $("#test").hide():隱藏所有 id="test" 的元素
文檔就緒事件
如果文檔沒有完全加載之前就運行函數(shù),操作可能失敗。(隱藏一個不存在的元素等)
使用文檔就緒事件,防止文檔在完全加載之前就運行jQuery代碼
?$(document).ready():是整個jQuery運行的核心
語法:
$(document).ready(function){
代碼塊
});
$(function(){
代碼塊
});
兩種寫法一致,第二種是第一種的簡寫方式。
元素選擇器:
元素選擇器基于元素名選取元素。
$(function(){
$("button").click(function(){
$("p").hide()
})
});
當點擊