JavaWeb04 HTML篇筆記(五)

2021-08-20 05:01:25 字數 1086 閱讀 7927

1.1 案例五:下拉列表的左右選擇:

1.1.1 需求:

在分類的修改的頁面中,有某個分類下的所屬的商品的資訊.可以對這些商品資訊進行選擇.

1.1.2 分析:

1.1.2.1 技術分析:

【jquery的選擇器】

1.1.3 **實現:

傳統的js的方式進行實現:

window.οnlοad=function()}}

// 全部到右側:

document.getelementbyid("addall").onclick = function()}}

使用jq完成下拉列表左右選擇:

$(function());

// 新增所有到右側

$("#addall").click(function());

// 移除右側被選中元素到左側:

$("#removeleft").click(function());

// 移除右側被選中元素到左側:

$("#removeall").click(function());

// 雙擊左側的的某個元素,移動到右側:

$("#selectleft").dblclick(function());

// 雙擊左側的的某個元素,移動到右側:

$("#selectright").dblclick(function());

});

1.1.4 總結:

1.1.4.1 jquery常用事件:

1.1.4.2 jq的事件切換:

* toggle();                --單擊事件的切換

* hover();                --滑鼠懸停的切換

JavaWeb04 HTML篇筆記(四)

1.1 案例四 使用jquery完成省市二級聯動 1.1.1 需求 在註冊頁面上籍貫的資訊,需要用到省市聯動效果.1.1.2 分析 1.1.2.1 技術分析 jquery的dom操作 常用的方法 remove 將某個元素移除.jquery的遍歷 遍歷的方式一 each objects,functio...

JavaWeb01 HTML篇筆記(二)

1.1 案例二 頁面顯示 1.1.1 需求 在乙個頁面中往往 並茂.想在html中引入乙個如何處理?效果如下 1.1.2 分析 1.1.2.1 技術分析 html的標籤 width 的寬度.height 的高度.alt 找不到顯示的內容.的引入的路徑問題 路徑 相對路徑.如果引入的和html檔案在同...

JavaWeb07 HTML篇筆記(四)

1.1 案例三 手動抽取乙個dbutils的工具類 1.1.1 需求 每次進行jdbc的curd的操作的時候,有很多的 都是相似的.可以不可以抽取工具類.完成一些通用性的 1.1.2 分析 1.1.2.1 技術分析 jdbc的元資料matadata 了解 編寫通用性較高的 databasemetad...