JavaWeb04 HTML篇筆記(四)

2021-08-20 05:01:25 字數 776 閱讀 8796

1.1 案例四:使用jquery完成省市二級聯動:

1.1.1 需求:

在註冊頁面上籍貫的資訊,需要用到省市聯動效果.

1.1.2 分析:

1.1.2.1 技術分析:

【jquery的dom操作】

* 常用的方法:

* remove(); ---將某個元素移除.

【jquery的遍歷】

遍歷的方式一:

* $.each(objects,function(i,n));

遍歷的方式二:

* $(「」).each(function(i,n));

$(function());*/

$.each(arrs,function(i,n));

});

1.1.2.2 步驟分析:

【步驟一】:引入註冊頁面,引入jq的js.

【步驟二】:獲得到第乙個下拉列表,change事件.

【步驟三】:獲得到被選中的下拉列表的值.

【步驟四】:去陣列中進行比對.

【步驟五】:將陣列中的值遍歷獲得到.

【步驟六】:建立元素,建立文字,將文字新增到元素中,將元素新增到第二個列表中.

1.1.3 **實現:

JavaWeb04 HTML篇筆記(五)

1.1 案例五 下拉列表的左右選擇 1.1.1 需求 在分類的修改的頁面中,有某個分類下的所屬的商品的資訊.可以對這些商品資訊進行選擇.1.1.2 分析 1.1.2.1 技術分析 jquery的選擇器 1.1.3 實現 傳統的js的方式進行實現 window.nl ad function 全部到右側...

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...