js 基礎操作

遍歷獲取tbody下的tr值

$("#tbodygz").find("tr").each(function(){
            var id = $(this)[0].id;
            var tdArr = $(this).children();
            var xuhao = tdArr.eq(0).find('div').text();
            var deptCode = tdArr.eq(1).find("input"). eq(0).val();
            var deptName = tdArr.eq(1).find("input"). eq(1).val();
            var roleName = tdArr.eq(2).find("input"). eq(0).val();
            var roleId = tdArr.eq(2).find("input"). eq(1).val();
            var nextActorCnname = tdArr.eq(3).find("input"). eq(0).val();
            var nextActorUsername = tdArr.eq(3).find("input"). eq(1).val();

        });

代碼中引入jquery以及其他js案例

// by firefoxmmx  
var script=document.createElement("script");  
script.type="text/javascript";  
script.src="jquery.js";  
document.getElementsByTagName('head')[0].appendChild(script);  
setTimeout(function(){  
$(document).ready(function(){  
    //這裏是jquery函數
});  
},100); 

js類型轉化

var jsonStr = JSON.stringify(can); //轉換爲json字符串
var jsObject = JSON.parse(jsonString); //轉換爲json對象

類型轉換

//List<Map<String, Object>>轉換json對象
List<Map<String, Object>> list= openDao.queryForList(map);
JSON.toJSONString(list); //此行轉換

js判斷對象是否爲空

var data = {};
var arr = Object.keys(data);
alert(arr.length == 0); //true 爲空， false 不爲空
var data = {};
var b = (JSON.stringify(data) == "{}");
alert(b);   //true 爲空， false 不爲空

退出$.each循環

try{
                        $.each(json,function (key,val) {
                            debugger
                            var str = $("input[name='"+key+"']").val();
                            if(str.length<1){
                                layer.msg(val+'不能爲空！請您輸入'+val,{icon:2});
                                throw('');
                            }
                            debugger
                            obj[key] = str;
                        });
                    }catch(e){
                        return; //在這裏return
                    }

獲取下拉選中的值和文本

var functionTypeId = $("#functionType").val();
$("#functionType").find("option:selected").text();

eval的使用

//下列split[0]爲函數變量，通過eval運行函數，括號爲處理之後的函數的變量
eval(split[0] + '(wxusername, instanceId,defId)');

ajax示例樣式寫法

$.ajax({
    type: "post",
    url: "topupRecordController.do?updateReceiptInfo",
    data: {
        refNo:rowsData[0].refNo
    },
    dataType: "json",
    success: function(result){
    }
});

字符串替換:

//把字符串str的/替換成，
str.replaceAll("/", ",");
//截取字符串str第一位
str.subSequence(0, 1);
//去掉最後一位數
str.substring(0, name.length() - 1)；
//字符串轉換時間
SimpleDateFormat firstDay= new SimpleDateFormat("yyyy-MM-dd");
Date parse =parse = firstDay.parse(parasMap.get("overtimeDate").toString());

截取大括號的內容java

String regex = "\\{([^}]*)\\}";
        Pattern pattern = Pattern.compile (regex);
        Matcher matcher = pattern.matcher (resolveText);
        while (matcher.find ())
        {
            System.out.println ();
            for (MessageItem messageItem : messageItems) {
            System.out.println (matcher.group ().substring(1,matcher.group ().length()-1)));
            
            }
        }

jQuery中獲得選中select值

$('#testSelect option:selected').text();//選中的文本

$('#testSelect option:selected') .val();//選中的值

$("#testSelect ").get(0).selectedIndex;//索引

js轉換時間

//第一種直接賦值
var start_Time = new Date(值).pattern("yyyy/MM/dd HH:mm:ss");
//第二種標籤
<fmt:formatDate value="值" pattern="yyyy-MM-dd"/>

字符串包含另一個字符串

var str = "123"
console.log(str.indexOf("2") != -1); // true

name取值

$("input[name='urlPath']").val();
$("input[name='jump']:checked").val();

input ztree下拉選擇框

<input type="text" name="parameterName" id="j_ztree_menus2" data-toggle="selectztree" size="30" data-tree="#j_select_treethr2" readonly>
<ul id="j_select_treethr2" style="height:150px;" class="ztree hide"data-setting="{check:{chkStyle: 'checkbox',radioType:'all',enable: true,chkboxType: {'Y':'','N':''}}}" data-toggle="ztree" data-options="{chkStyle:'checkbox',expandAll:true,onCheck:'S_NodeChecks',checkEnable:true,onClick:'S_NodeClicks'}">
      <c:forEach items="${dbSelected}" var="item">
  		 <li >${item}={${item}}</li>
      </c:forEach>
    </ul>
//選擇事件
                                function S_NodeChecks(e, treeId, treeNode) {
                                    var zTree = $.fn.zTree.getZTreeObj(treeId),
                                        nodes = zTree.getCheckedNodes(true)
                                    var ids = '', names = ''

                                    for (var i = 0; i < nodes.length; i++) {
                                        ids   += '&'+ nodes[i].id
                                        names += '&'+ nodes[i].name
                                    }
                                    if (ids.length > 0) {
                                        ids = ids.substr(1), names = names.substr(1)
                                    }

                                    var $from = $('#'+ treeId).data('fromObj')

                                    if ($from && $from.length){
                                        $from.val(names);
                                        $("#j_tag_parent_id").val(ids);
                                        $.CurrentDialog.find("#default_label_value").val(ids);
                                    }
                                }
                                //單擊事件
                                function S_NodeClicks(event, treeId, treeNode) {
                                    var zTree = $.fn.zTree.getZTreeObj(treeId)

                                    zTree.checkNode(treeNode, !treeNode.checked, true, true)

                                    event.preventDefault()
                                }

獲取當前月的第一天以及最後一天

//獲取本月第一天以及最後一天
Calendar calendar = Calendar.getInstance();
calendar.set(Calendar.DAY_OF_MONTH,calendar.getActualMinimum(Calendar.DAY_OF_MONTH));
SimpleDateFormat firstDay= new SimpleDateFormat("yyyy-MM-dd");
String format = firstDay.format(calendar.getTime());
Date firstDate = firstDay.parse(format);//本月第一天
calendar.set(Calendar.DAY_OF_MONTH,calendar.getActualMaximum(Calendar.DAY_OF_MONTH));
String format1 = firstDay.format(calendar.getTime());
Date lastDate = firstDay.parse(format1);//本月最後一天

map遍歷

for (Integer in : map.keySet()) {
23             //map.keySet()返回的是所有key的值
24             String str = map.get(in);//得到每個key多對用value的值
25             System.out.println(in + "     " + str);
26         }

獲取光標位置並且賦值

(function ($) {
                    $.fn.extend({
                        insertAtCaret: function (myValue) {
                            var $t = $(this)[0];
                            if (document.selection) {
                                this.focus();
                                sel = document.selection.createRange();
                                sel.text = myValue;
                                this.focus();
                            } else
                            if ($t.selectionStart || $t.selectionStart == '0') {
                                var startPos = $t.selectionStart;
                                var endPos = $t.selectionEnd;
                                var scrollTop = $t.scrollTop;
                                $t.value = $t.value.substring(0, startPos) + myValue + $t.value.substring(endPos, $t.value.length);
                                this.focus();
                                $t.selectionStart = startPos + myValue.length;
                                $t.selectionEnd = startPos + myValue.length;
                                $t.scrollTop = scrollTop;
                            } else {
                                this.value += myValue;
                                this.focus();
                            }
                        }
                    })
                })(jQuery);

以上爲方法的固定寫法!通過調用來實現！

       $("賦值的文本框ID").insertAtCaret(賦值的內容);
以上方法即可實現

ztree的js定義使用：

$(function(){

        var tree3;
        var setting = {//設定setting 的配置
            check: {
                enable: true,//開啓選擇框
                chkStyle: "radio",//單選
                radioType: "all"
            },
            view: {
                selectedMulti: false
            },
            data: {
                simpleData: {
                    enable: true
                }
            },
            callback: {
                /*
                                beforeClick: function (id, node) {
                                    tree.checkNode(node, !node.checked, true, true);
                                    return false;
                                },*/
                onCheck: function (e, treeId, treeNode) {//選擇事件
                    var zTree = $.fn.zTree.getZTreeObj(treeId),
                        nodes = zTree.getCheckedNodes(true);
                    var ids = '', names = '';

                    for (var i = 0; i < nodes.length; i++) {
                        ids += ',' + nodes[i].id;
                        names += ',' + nodes[i].name;
                    }
                    if (ids.length > 0) {
                        ids = ids.substr(1), names = names.substr(1);
                    }
                    var $from = $('#' + treeId).data('fromObj');
                    if ($from && $from.length) {
                        $from.val(names);
                        $("#j_tag_parent_id").val(ids);
                    }
                },
                //單擊事件
                onClick: function (event, treeId, treeNode) {//單機事件
                    var zTree = $.fn.zTree.getZTreeObj(treeId);

                    zTree.checkNode(treeNode, !treeNode.checked, true, true);

                    event.preventDefault();
                }
            } //這裏是節點點擊事件
        };
        
        
        var zNodes1 = [//獲取參數節點配置方法
                <c:forEach items="${tagLists}" var="menu">{
                id: "${menu.id}",
                pId: "${not empty menu.parent_id?menu.parent_id:0}",
                name: "${not empty menu.parent_id?menu.name:'權限列表'}"
            },//,isParent:true
            </c:forEach>];
        // 初始化樹結構
        tree3 = $.fn.zTree.init($.CurrentNavtab.find("#j_select_tree30"), setting, zNodes1);        // 默認選擇節點
        var node = tree3.getNodeByParam("id", ${parent_id});//查詢節點
        var nodes = tree3.getNodeByParam("id", ${id});
        try {
            $.CurrentNavtab.find("#j_tag_parent_name").val(node.name);
            tree3.checkNode(node, true, false);//選中父級操作
            tree3.removeNode(nodes);//刪除本身操作
        } catch (e) {
        }
        // 默認展開全部節點
        tree3.expandAll(true);
    })

回車事件

//body定義方法
onkeydown="keyLogin();"

function keyLogin(){
   if (event.keyCode==13){
   $("#accountLoginBtn").click(); //調用登錄按鈕的登錄事件，按鈕id
   } //回車鍵的鍵值爲13
}

form表單提交後的回調操作

//form標籤內定義屬性
data-callback="msg_task_save_success" 
//函數方法
function msg_task_save_success(json) {
		//操作成功
        if (json.statusCode == 200) {
        	//刷新父頁籤
            $.CurrentNavtab.navtab("refresh", "");
        } else {
            $(this).alertmsg("error", json.message, {title: "提示", displayPosition: "topcenter"})
        }
    }