前端技巧精粹-优快云博客

本文链接：https://blog.youkuaiyun.com/wdehxiang/article/details/77447834

前端知识小技巧

1、保留表格首行（标题），清空列表

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

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

2、通过属性隐藏input标签类型

<input type=“text” style="visibility:hidden">//隐藏，但会占位置

<input type=“text” style="display:none">//隐藏，但不会占位置

通过jquery隐藏与显示

$("p").hide();

$("p").show();

3、前台动态添加option

js动态添加option

var sel= document.getElementById("Selected1");

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

jquery动态添加option

$("#selectId").append("<option value='"+value+"'>"+text+"</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 = [{ id: "1",name: "张三" },{id: "2", name: "李四" },{id: "3", name: "王五" }];

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

alert( "index= " + index + ",id= " + content.id+",name="+content.name);

});

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

include指令 <%@ include file="header.jsp"%>	静态包含执行时机：在翻译阶段（将JSP页面转换成servlet阶段）编译之前合并，会被整体地转换一个servlet。意味着主页和被引入的页面共享所有的页面作用域数据。
include标准动作 <jsp:include page=“header.jsp”/>	动态包含执行时机：在请求处理阶段被包含文件经过jsp引擎编译执行生成一个servlet，这意味着该这里会有两个servlet，两个servlet通过request和response进行通信
采用JSTL <c:import url=" www.baidu.com ”	动态包含（行为与<jsp:include>相同）执行时机：在请求处理阶段区别在于它可以从外部资源引入数据；在被应用页面改变后，容器立刻能产生反应。