我的HTML學習記錄(七)

2022-07-24 15:27:22 字數 2550 閱讀 5091

jquery語法

*1.jquery("選擇器").action;通過選擇器呼叫事件函式

* 但jquery中,jquery可以用$代替,即$("選擇器").action();

* ①選擇器,可以直接使用css選擇器,選中元素

* ②.action()表示對元素執行的操作

**2.文件就緒函式:防止了文件在完全載入(就緒)之前執行jquery**

* $(document).ready(function())簡寫:$(function(){});

*[文件就緒函式與window.onload區別]

* ①window.onload需在網頁所有內容載入完成後執行(包括音訊)

* 文件就緒函式,只需要網頁dom結構載入以後就可以執行

* ②window.onload只能寫乙個,寫多個只能執行最後乙個

* 文件就緒函式,可以寫多個,也不會被覆蓋

*3.jquery物件與原生dom物件互轉

* ①原生dom物件轉jquery物件:$(dom物件);

* var p = doucument.getelementsbytagname("p");

* $(p); //轉換為jquery物件

* ②jquery物件轉原生dom物件:$("#p").get(0) $("#p")[0]

* $("#p").get(0).style.color ="red";

//事件繫結快捷方式

/*$("button:first").click(function());*/

/**使用on繫結事件

*/// ① 使用on進行單事件繫結

/*$("button").on("click",function());*/

// ② 使用on同時為多個事件,繫結同一函式

/*$("button").on("mouseover click",function())*/

// ③ 呼叫函式時,傳入自定義引數

/*$("button").on("click",,function(event))*/

// ④ 使用on進行多事件多函式繫結

/*$("button").on(,

mouseover:function()

});*/

/* ⑤ 使用on進行事件委派

* >>> 將原本需要繫結到某元素上的事件,改為繫結在父元素乃至根節點上,然後委派給當前元素生效;

* eg:$("p").click(function(){});

* ↓

* $(document).on("click","p",function(){});

* >>> 作用:

* 預設的繫結方式,只能繫結到頁面初始時已有的p元素,當頁面新增p元素時,無法繫結到新元素上;

* 使用事件委派方式,當頁面新增元素時,可以為所有新元素繫結事件

* *

*//*$("button").on("click",function());*/

/*$("p").click(function());*/

/*$(document).on("click","p",function());*/

/*off() 取消事件繫結

* * 1. $("p").off(): 取消所有事件

* 2. $("p").off("click"): 取消點選事件

* 3. $("p").off("click mouseover"):取消多個事件

* 4. $(document).off("click","p"):取消事件委派

* */

/**使用.one() 繫結事件,只能執行一次

*//*$("button").one("click",function())*/

/* .trigger("event"):自動觸發某元素的事件

* * $("p").trigger("click",["haha","hehe"]); 觸發事件時,傳遞引數

*//*$("p").click(function(event,arg1,arg2))

$("button").click(function())*/

*http:超文字傳輸協議。

* *url:統一資源定位符

* 組成: 協議名://主機名(ip位址):埠號/專案資源位址?傳遞引數鍵值對#錨點

* eg:

* * localhost或127.0.0.1表示本機ip

* */

/*json 物件

* * 1、json物件是鍵值對的集合,鍵與值之間用":"分隔,多個鍵值對之間,用","分隔

* 2、多個json物件,可以放到陣列中去。json物件和陣列,可以相互巢狀;

* *json的鍵,必須是字串。

*

HTML學習記錄

html學習記錄 document 標題標籤共有6個,從h1到h6依次變小,一般使用 標題標籤共有6個,從h1到h6依次變小,一般使用作為標題標籤 正文用標籤,作者,時間資訊用 5 標籤 預設情況下,標題文字是居左顯示,居中顯示時用標籤中align屬性,屬性值為center 居右顯示時用標籤中ali...

HTML學習筆記(七)

1 如果想讓div中的內容 content 垂直居中,可以將line height的值設定與div的高度相等來實現。3 我們可以通過設定background屬性來美化按鈕,可以設定cursor屬性來改變滑鼠在按鈕上的影象。4 首字下沉是使用p first letter,注意 letter 與後面的大...

HTML學習(七) 框架

網頁瀏覽器其實就是乙個單一的框架,通過html標記的加入,我們可以將該單一框架分割成多個框架,並在每個框架中顯示指定的網頁。用來宣告設定多框架結構 注意,使用標記時要刪除標記,二者不可共存 標記有如下屬性名稱 屬性名稱 設定值說明 cols 畫素將網頁分割成並列排布的多個框架 百分比rows 畫素將...