jquery中一些常用方法总结

时间：2014-10-29 21:23:32 收藏：0 阅读：180

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