jQuery--基本語法

jQuery--基本語法

博客說明

文章所涉及的資料來自互聯網整理和個人總結，意在於個人學習和經驗匯總，如有什么地方侵權，請聯系本人刪除，謝謝！

語法

jQuery 語法是通過選取 HTML 元素，並對選取的元素執行某些操作。

基礎語法：

 $(selector).action()

• $ 美元符號定義 jQuery
• 選擇符（selector）"查詢"和"查找" HTML 元素
• jQuery 的 action() 執行對元素的操作

例如

//隱藏當前元素
$(this).hide()

//隱藏所有 <p> 元素
$("p").hide()

//隱藏所有 class="test" 的 <p> 元素
$("p.test").hide(

//隱藏 id="test" 的元素
$("#test").hide() 

入口函數

為了防止文檔在完全加載（就緒）之前運行 jQuery 代碼，即在 DOM 加載完成后才可以對 DOM 進行操作

如果在文檔沒有完全加載之前就運行函數，操作可能失敗。下面是兩個具體的例子：

• 試圖隱藏一個不存在的元素
• 獲得未完全加載的圖像的大小

$(document).ready(function(){
 
   // 開始寫 jQuery 代碼...
 
});

簡潔寫法

$(function(){
 
   // 開始寫 jQuery 代碼...
 
});

js的入口函數

window.onload = function () {
    // 執行代碼
}

window.onload 和 $(function) 區別

window.onload 只能定義一次,如果定義多次，后邊的會將前邊的覆蓋掉

$(function) 可以定義多次的

樣式控制

使用css方法

//設置id為div1的背景顏色為粉紅色
$("#div1").css("backgroundColor","pink");

感謝

菜鳥教程

萬能的網絡

以及勤勞的自己

關注公眾號： 歸子莫，獲取更多的資料，還有更長的學習計划