1、EL表达式:
EL表达式最常用的场景是前后台传递数据,数据格式通常是字符串和list,范围一般是request,用法如下:
后台java代码:
1 String str = "hello world"; 2 request.setAttribute("str",str); 3 4 List<Map> list = new ArrayList<Map>(); 5 Map map1 =new HashMap(); 6 map1.put("key","key1"); 7 map1.put("value","value1"); 8 Map map2 = new HashMap(); 9 map2.put("key","key2"); 10 map2.put("value","value2"); 11 list.add(map1); 12 list.add(map2); 13 request.setAttribute("list",list);
前台进行取值时,一般有两种方式:一种是在标签内直接使用,另一种则是在js中获取。用法如下:
HTML代码:
<input type="text" value="${str}"/> <c:forEach items="${list}" var="Li" varStatus="i"> <option value="${Li.key}">${Li.value}</option> </c:forEach>
js代码:
var str = "${str}"; var key1 = "${list[0].key}"; var value1 = "${list[0].value}"; var key2 = "${list[1].key}"; var value2 = "${list[1].value}";
2、jquery中下拉框、单选按钮和复选框设置默认值:
jquery代码:
1 <body> 2 <select id="sele"> 3 <option value="op1">val1</option> 4 <option value="op2">val2</option> 5 <option value="op3">val3</option> 6 <option value="op4">val4</option> 7 </select> 8 9 <input type="radio" id="ra" checked="checked"/>单选按钮 //默认选中 10 <input type="checkbox" id="cb" checked="checked"/>复选框 //默认选中 11 </body> 12 13 <script type="text/javascript"> 14 $(document).ready(function(){ 15 $("#sele").val("op3");//设置val3为默认值 16 $("#ra").attr("checked",false);//取消选中 17 $("#cb").attr("checked",false);//取消选中 18 }); 19 </script>
3、jquery中判断一个字符串中是否含有特定的子字符串:
可以使用indexOf()方法:
var str = "hello world"; var substr = "hell"; if(str.indexOf(substr,0)>=0){ alert("包含"); //弹框显示"包含" }else{ alert("不包含"); }
4、children()、parent()、find()和parents()方法的区别:
children()表示所选标签的子代,只有儿子代;
parent()表示所选标签的父代,只有父亲代;
find()表示所选标签的后代,包括儿子代、孙子代······,一直向下直到最底一代;
parents()表示所选标签的父代,包括父亲代、爷爷代······,一直向上直到最顶一代;
以上四种方法均可以使用筛选条件,如children("#id1"),表示儿子代中id为id1的后代。
5、获取焦点和失去焦点:
focus(),获取焦点,如$("#input1").focus()。
blur(function(){}),失去焦点时触发函数function,如$("input2").blur(function(){alert("失去焦点!")});