神仙居士

博客园 首页 联系 订阅 管理

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("失去焦点!")});

posted on 2014-10-29 20:42  神仙居士  阅读(435)  评论(0编辑  收藏  举报