214liu 发表于 2013-1-13 18:37:14

页面常用Jquery

例一:循环获取指定Id下的子元素如:
<ul id="testul">
<li>John</li>
<li>Karl</li>
<li>Brandon</li>
</ul>
$("#testul li").each(function(){
alert(this);
});
例二:更改Form下的属性值
<html:form styleId="workItemListForm" action="unifyWorkitemListAction" method="post">            
   <html:hidden property="pageIndex"/>
   <html:hidden property="pageCount"/>
   <html:hidden property="ascending"/>
   <html:hidden property="fieldName"/>            
</html:form>
更改pageIndex的值
$("#workItemListForm ").attr("value", "1");
或者$("#workItemListForm ").val("12");
如需修改action的值:$("#workItemListForm").attr("action","new Action URL");
例三:让鼠标经过表格的行时更改样式,移开时还原
<table id="tblworkItemList" class="content" border="1">
<thead>
             <tr>
                <th>测试测试测试</th>
<th>测试测试测试</th>
             </tr>
      </thead>               
      <tbody>
            <tr>
                <td>测试测试测试</td>
                <td>测试测试测试</td>                                          
            </tr>
            <tr>
             <td>测试测试测试</td>
             <td>测试测试测试</td>                                          
            </tr>
    <tr>
             <td>测试测试测试</td>
             <td>测试测试测试</td>                                          
            </tr>
         </tbody>
         <tfoot>
             <tr>
               <td>测试测试测试</td>
               <td>测试测试测试</td>
             </tr>
         </tfoot>
</table>
jquery代码:
$("#tblworkItemList > tbody > tr").each(function(i) {
$(this).mouseover(function() {
$(this).addClass("hover");
});
$(this).mouseout(function() {
$(this).removeClass("hover");
});
});

例四:复选框的全选

<input type="checkbox" id="chkSelectAll"/>
<input type="checkbox" name="instanceIds" value="123" >
<input type="checkbox" name="instanceIds" value="456" >

jquery代码:
$("#chkSelectAll").bind("click", {selectId: "instanceIds"}, toggleSelect);


function toggleSelect(event) {
//alert(this.id + ":" + event.data.selectId);
var id = event.data.selectId;
if (id == null) return;
if (this.checked) {
$("input").attr("checked", true);
} else {
$("input").attr("checked", false);
}
}
例五:弹出页面
//g_dialogFeaturesForComment:定义弹出页的样式, vArguments是传入弹出页的值(可以是对象vArguments = new Object(),vArguments.type="test";)
var g_dialogFeaturesForComment = "dialogHeight: 350px; dialogWidth: 400px; center: yes; edge: raised; resizable: no; scroll: yes; status: no;";

retValue= showModalDialog(openurl, vArguments, g_dialogFeaturesForComment);

在弹出页获取传入参数方法为:var obj = window.dialogArguments;

设置弹出页关闭时的返回对象:window.returnValue = retValue; window.close();


Tomcat 乱码,修改URIEncoding:
<Connector URIEncoding="UTF-8" acceptCount="100" connectionTimeout="20000" debug="0" disableUploadTimeout="true" enableLookups="false" maxSpareThreads="75" maxThreads="150" minSpareThreads="25" port="8080" redirectPort="8443"/>



例六:Js 数组下标非固定循环
<script>
var arr=[];
arr["a"]=1;
arr["b"]="a";
for(var o in arr){
    document.write(arr+"<br />");
}
</script>

例七:页面Map已知Key取value
<c:set var="key" value="${activityInstance.currentStep}"/>
value的值可以有循环过程中获取
<c:out value="${map}" />

例八:db2 关闭会话 db2 force application (141,164)
141,164 为ID
db2 force application all 关闭所有会话
页: [1]
查看完整版本: 页面常用Jquery