首页 > 代码库 > jquery中一些常用方法总结
jquery中一些常用方法总结
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="http://www.mamicode.com/op1">val1</option> 4 <option value="http://www.mamicode.com/op2">val2</option> 5 <option value="http://www.mamicode.com/op3">val3</option> 6 <option value="http://www.mamicode.com/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("失去焦点！")});
jquery中一些常用方法总结
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。