JQuery常用逻辑及语法

最新推荐文章于 2021-07-01 20:29:15 发布

Mr_Demen

最新推荐文章于 2021-07-01 20:29:15 发布

阅读量1.4k

点赞数

分类专栏： java web

本文链接：https://blog.csdn.net/myspacedemen/article/details/51732010

版权

java web 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

1、JSON转String

var data = {

       currentPage : currentPage,
       pageSize : 15,
       totalPages : tatalPages,
       totalNum : total,
       tags : tags,
       NextNum : nextPage

};

JSON.stringify(data);

2、String转JSON

jQuery.parseJSON(str)

3、遍历表中的name为recipients的check类型的选择项

$("input[name='recipients']").each(
           function() {
               if ($(this).is(":checked")) {
                   var li = $(this).parents("ul").find("li");
                   // 取值方法下标从0开始

li.eq(0).html()

// 对字符串的处理：截取字符：

str.substring(begin,end);

//对字符串的处理：获取下标：

li.eq(0).html().indexOf('value');

//对字符串的处理：按分隔符分割为数组：

str..split('\"');

//例如:

                    $("#reciveId").val(
                           li.eq(0).html().substring(
                                   li.eq(0).html().indexOf('value'),
                                   li.eq(0).html().indexOf('type'))
                                   .split('\"')[1]);

//替换其中的字符：

td.eq(1).html().replace(" ","");

// li标签中放入了的话，如果直接使用以上的下标取值法，

// 将取得的值时包含的字符串，那么如果需要取中的值，

// 那么就需要作如下处理：

td.eq(4).find('span').text();

//对checkbox的赋值：

                var col_009 =li.eq(1).html().replace(" ","");//是否默认
               if(col_009 == "是"){
//                   $("#addSendcol_009").val("true");
//                   $("#addSendcol_009").checked=true;
                   $("[name = jjAU-default]:checkbox").attr("checked", true);
               }
               if(col_009 == "否"){
//                   $("#addSendcol_009").val("false");
                   $("[name = jjAU-default]:checkbox").attr("checked", false);
//                   $("[name = addSendcol_009]:checkbox").removeAttr("checked");
//                   $("#addSendcol_009").checked=false;
               }

// 删除行：
$(this).parents("ul").remove();

}
});

4、动态生成页面元素后绑定事件

//复选框单选方法:checkboxs为集合：$(':checkbox[name=ckJJF]')
function toSingleCheckBoxs(checkboxs) {
checkboxs.click(function () {
            if (!$(this).is(":checked")) {
                checkboxs.prop('checked', false);
            }else{
                checkboxs.prop('checked', false);
               $(this).prop('checked', true);
            }
});
}

//给class为seeImBack的元素创建click事件。

$(".seeImBack").bind('click',function(){

//DO
});

5、JQuery 的数值运算，保留两位有效数字：199.00
totalYF = ((parseFloat(totalYF).toFixed(2)-0) + (parseFloat(dataValue.col_010).toFixed(2)-0)).toFixed(2);

6、查找字符串中的手机号码或者固定电话

字符串为：a15112251c0755-2451454c18926057890111放0755-4554444分

正则表达式为（此表达式仅仅针对查找逻辑）：/((((13[0-9])|(15[^4])|(18[0,1,2,3,5-9])|(17[0-8])|(147))\d{8})|(($\d{3,4}$|\d{3,4}-|\s)?\d{7,14}))?/g

处理方式为：

"a15112251c0755-2451454c18926057890111放0755-4554444分".match(/((((13[0-9])|(15[^4])|(18[0,1,2,3,5-9])|(17[0-8])|(147))\d{8})|((\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}))?/g)

结果如下：

"[
    "",
    "15112251",
    "",
    "0755-2451454",
    "",
    "18926057890",
    "",
    "",
    "",
    "",
    "0755-4554444",
    "",
    ""
]"