js/jq常用事件

复选框显示选中状态

$("input[type='checkbox']").attr("checked",true).checkboxradio("refresh");

单选框选中状态

$("input[name='log_type']").get(0).checked=true; 
$("input[name='log_type']").get(0).click();

获取单选框选中值

$('input:radio[name="log_type"]:checked').val();

option选中状态

option.get(i).selected = true;
option.eq(i).change();

根据值选中和取消option

$("#select_logType option[value='" + typeVal+ "']").attr("selected", "true"); //根据值让option选中  
$("#select_id option").eq(i).removeAttr("selected"); //根据值去除选中状态  

jq根据option的text默认选中

$("select option:contains('2')").attr("selected","selected");

jq获取select选中的文本

$(select ).find("option:selected").text();

文本域输入换行内容,原样显示到页面

//文本域换行符'\n'替换成<br>
var mContent = result[0].Content;							
mContent=mContent.replace(/\n/g, '<br/>');

//将内容添加到页面
logContent.html(mContent);

替换文本中所有html元素为空

logConent=logConent.replace(/<\/?.+?>/g,'');

获取多个上传的文件名

var obj = document.getElementById("file_input");
var len = obj.files.length;
for(var i = 0; i < len; i++) {
	var temp = obj.files[i].name;
	console.log(temp);
}

显示上传缩略图

 function showImg() {
    //上传图片选择文件改变后刷新预览图
    $("#upHeadImg").change(function (e) {
        //获取目标文件
        var file = e.target.files || e.dataTransfer.files;
        //如果目标文件存在
        if (file) {
            //定义一个文件阅读器
            var reader = new FileReader();
            //文件装载后将其显示在图片预览里
            reader.onload = function () {
                $("#showImg_node").attr("src", this.result);
            }
            //装载文件
            reader.readAsDataURL(file[0]);
        }
    });
}

禁止点击事件和移除禁止事件

$('#button').attr('disabled',"true");  //添加disabled属性
$('#button').removeAttr("disabled");  //移除disabled属性

//css禁止点击
.noClick {
    pointer-events: none;
}

对象转成字符串

var transmitDataStr=JSON.stringify(transmitDataObj);

字符串转成对象

var transmitDataObj = JSON.parse(transmitDataStr);

去掉字符串中所有的&nbsp

var re=new RegExp("&nbsp;","ig");	
str=str.replace(re,'');

ajax同步请求数据

$.ajaxSettings.async = false; 

数组排序sort()不影响原数组,先进行如下方法备份,再对新数组排序

var newArr=oldArr.concat([]);

前端页面跳转传参

//接收参数函数封装
    function GetRequest() {
        var url = location.search; //获取url中"?"符后的字串
        var theRequest = new Object();
        if (url.indexOf("?") != -1) {
            var str = url.substr(1);
            strs = str.split("&");
            for (var i = 0; i < strs.length; i++) {
                theRequest[strs[i].split("=")[0]] = decodeURIComponent(strs[i].split("=")[1]);
            }
        }
        return theRequest;
    }

//调用
 var collegeId = GetRequest()['id'];

递归遍历

//递归遍历子集节点
function eachId(arr, nodeId) {
    for (var i = 0; i < arr.length; i++) {
        for (var a in arr[i]) {
            if (a == "id") {
                nodeId.push(arr[i][a]);
            }
            if (a == "children") {
                eachId(arr[i][a], nodeId); //递归遍历
            }
        }
    }
}

全选和非全选

 //全选和非全选
  var allSelect = $('#allSelect'); //全选框
  var checkInput = $('input[name = "jobName"]'); //列表复选框
  allSelect.on('click', function () {            
      checkInput.prop('checked', this.checked);
  });            
  checkInput.on('click', function () {
      allSelect.prop("checked", checkInput.length == checkInput.filter(":checked").length ? true : false); 
  }); 

上一页url

document.referrer

判断ie版本(ie9)

if (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion.split(";")[1].replace(/[ ]/g, "").replace("MSIE", "")) <= 9) {
    showMsg('低于IE9');
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值