前端實戰小技巧

前端知識小技巧

1、保留**首行（標題），清空列表

$("#table tr:not(:first)").html("");

$("#table tr:not(:first)").empty("");

//隱藏，但會佔位置

//隱藏，但不會佔位置

通過jquery隱藏與顯示

$("p").hide();

$("p").show();

3、前台動態新增option

js動態新增option

var sel= document.getelementbyid("selected1");

sel.options.add(new option("name","id"));

jquery動態新增option

jquery移除所有option

$("#selectid option").remove();

4、jquery獲得選中select值

第一種方式

第二種方式

$('#selectid option:selected').text();//選中的文字

$('#selectid option:selected') .val();//選中的值 

$("#selectid").find("option:selected").text();

$("#selectid").find("option:selected").val();

$("#selectid").get(0).selectedindex;//獲得索引

5、jquery遍歷

var arr = [,,];

$.each( arr, function(index, content));

6、jsp引入外部頁面的方法 

include指令

<%@ include file="header.jsp"%>

靜態包含

執行時機：在翻譯階段（將jsp頁面轉換成servlet階段）

編譯之前合併，會被整體地轉換乙個servlet。意味著主頁和被引入的頁面共享所有的頁面作用域資料。

include標準動作

動態包含

執行時機：在請求處理階段

被包含檔案經過jsp引擎編譯執行生成乙個servlet，這意味著該這裡會有兩個servlet，兩個servlet通過request和response進行通訊

採用jstl

動態包含（行為與相同）

執行時機：在請求處理階段

區別在於它可以從外部資源引入資料；在被應用頁面改變後，容器立刻能產生反應。

（參考文章：

（持續更新中~）

前端小技巧

1 形成如下效果 文字居於框中 一般給span標籤加框框，會比較貼合緊密，不好看 font size 1.3rem border 1px solid 337ab7 padding 0 10px height 20px line height 20px 加完之後行高與高度一樣 框就會高一點，如果單憑想...

前端小技巧 一

css常用的一些設定小技巧 幾乎經常用到 一 特殊情況下position的定義 比如這個例子，背景是張，輸入框，提交按鈕 以及下邊的六個按鈕的單擊事件都是固定在之上的。圖1 圖2 設定技巧 1 背景用的是background url 鏈結的 2 將背景設定position relative 背景之上...

前端布局 小技巧

這種方式最好應用於 按鈕 文字之類的居中模式，否則就需要借助inline block來進行居中布局。適用於塊級元素不給出寬高的情況下 需要借助transtrom的tanslatex方法 parent child 適用於塊級元素知道寬度 parent child 子元素寬度已知的情況下 parent ...