python前端篇 JQ二

2021-09-03 07:58:29 字數 925 閱讀 2695

1. 事件 *****

1. 目前為止學過的繫結事件的方式

1. 在標籤裡面寫 onclick=foo(this);

2. 原生dom的js繫結 dom物件.onclick=function()

3. jquery版的繫結事件 jquery物件.click(function())

2. 我們今後要用的jquery繫結事件的方式

.on("click", function())

$("#t1").on("click", "選擇器", function())

適用於 給未來的元素(頁面生成的時候還沒有的標籤) 繫結事件 (事件委託)

事件冒泡和事件捕獲

利用事件冒泡,給已經存在的標籤繫結事件,用來捕獲後代標籤的事件.

3. 事件之間

1. 阻止後續事件的執行

顯式的寫 return false;

2. for迴圈,退出當前迴圈 ---> 用break;

4. 補充乙個鍵盤事件

示例:批量操作的

5. dom載入完之後執行

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

6. 動畫(了解即可)

2. jquery補充

1. .each迴圈

1. $.each(a1, function())

2. $("div").each(function())

2. .data

1. 可以存字串

2. 可以存數字

3. 可以存jquery物件

3. 外掛程式機制

1. 給具體的jquery物件新增擴充套件

$.fn.extend(

})2. 給jquery新增全域性擴充套件

$.extend(

})

前端必備 二 CSS篇

當對乙個文件進行布局的時候,瀏覽器的渲染引擎會根據盒模型將所有元素表示為乙個個矩形的盒子,css 決定這些盒子的大小 位置以及屬性 例如顏色 背景 邊框尺寸 每個盒子有4個區域 從內到外是content padding border margin。margin區域用於分開相鄰元素。border使用b...

python前端篇 CSS屬性

1.文字屬性 1.font family 2.font size 3.font weight 4.color 1.rgb 255,255,255 2.f00 3.red 4.rgba 2.文字屬性 1.text align 2.text decoration 3.背景屬性 1.background ...

jq實現前端檔案上傳

formdata formdata是xmlhttprequest level 2 新增的乙個介面。使用formdata可以實現各種檔案上傳。使用 建立formdata的例項 var formdata new formdata 注意 使用jq的 ajax 方法來進行檔案上傳時,需要設定contentt...