jquery中一些常用方法總結

標籤：style   blog   io   color   ar   使用   java   for   sp   

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

jquery中一些常用方法總結