jquery中一些常用方法总结
浏览数：38 /
时间：2015年06月09日
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("失去焦点！")});
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
