$('#div').css('display','block'); /*取消隐藏*/
$("#id").css('display','none'); /*隐藏*/
$('#default0').attr("title") //获取input的titile
$("#Excel-Content").empty(); /*清除清空DIV所有内容*/
$("#Button1").click(); //调用点击方法
$('#Ainput').attr('disabled', false); /*解禁inpuut*/
$('#Ainput').attr('disabled', true); //禁用input
$("#Ainput").show(); /*显示input*/
$("#Ainput").hide(); //隐藏input
$("#btn2").addClass("btn-danger"); /*添加class*/
$('#btn2').removeAttr("class", "btn-danger"); //删除class
$('#Ainput').attr("readonly","readonly") /*添加属性readonly*/
$('#Ainput').removeAttr("readonly"); //去除readonly属性
$('#Feedback').css('display','none'); /*添加css*/
$('#Ainput').removeAttr("style","line-height"); //删除css
$("#person").addClass("btn"); /*div添加点击btn*/
$('#person').removeAttr("class", "btn"); //删除点击btn
$('#RemarkEdit').val(); /*JQ获取input值*/
$("#divid").html() $("#isshow").html("显示") //获取div值/修改div值
$("#LatEdit").attr("value",TaskName) /*给元素属性value title赋值*/
$("#LatEdit").attr("value") //获取元素属性值
$("#LatEdit").val(""); /*清空input 给input赋空 */
$("#LatEdit").val("111"); //给input框赋值
--------------------------------------------------------------------------------------------------------------------------------------------------------------
js方法用法
<a class="fa fa-circle-o" onclick="IsShow()"> 隐藏</a> 点击事件
$(function () { }); 页面加载就会加载js执行 function AMethod(){ }; 有在调用该方法时才执行
//因为动态添加的元素class属性是无效的，所以不能用$('.btn-cursor').click(function(){});
$(document).on('click','.btn-cursor',function (){ }); 动态添加的class，class的点击事件 $("#btn1").click(function () { });按钮btn点击事件方法
document.getElementById("dpClearInput").click();调用按钮点击方法 $("#Button1").click();//jq调用点击方法
--------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------
js获取url参数
function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
var r = window.location.search.substr(1).match(reg); //匹配目标参数
if (r != null) return unescape(r[2]);
return null; //返回参数值
}
jq获取url参数
(function ($) {
$.getUrlParam = function (name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
})(jQuery);
--------------------------------------------------------------------------------------------------------------------------------------------------------------
数组使用
dataShowData=res 这里普通赋值把内存地址赋过去了 所以浅复制会导致 dataShowData 和 res 指向同一块内存地址,数组的赋值其实相当于给了索引，改变其中一个变量其他引用都会改变
dataShow = JSON.parse(JSON.stringify(res));//数组赋值数组（数组转字符串进行赋值 数组拷贝
反向输出数组
for(var i = ExcelID.length - 1; i >= 0; i--) {
var temp = ExcelID[i];
console.log(temp);
}
-------------------------------------------------------------------------------------------------------
//删除指定数组对象
for(var item in res[i]){
if (item == '姓名') {
delete res[i][item];
}
-------------------------------------------------------------------------------------------------------
遍历数组对象 单独删除某个对象 //[{姓名：张三}，{年龄：13}]
for (let i = 0; i < res.length; i++) { //[{姓名：李四}，{年龄：14}] 循环单独把姓名删了
for (var item in res[i]) {
for (let j = 0; j < NotImport.length; j++) {
if (item == NotImport[j]) {
console.log(item + NotImport[j]);
delete res[i][item];
}
}
}
}
根据值然后进行删除 某个数组
for (var j = 0; j < ExcelData.length; j++) {
if ((ExcelData[j].title).indexOf(ExcelVal) > -1) {//判断key为ExcelVal的对象是否存在，
index = j;
ExcelData.splice(index, 1);//存在即删除 从index下标开始删除1条数据
}
}
for (let j = 0; j < ExceptionDateData.length; j++) {
if ((ExceptionDateData[j].LAY_TABLE_INDEX)==(rowIndex)) {//判断值为rowIndex的对象是否存在，
ExceptionDateData.splice(j, 1);//存在即删除 从index下标开始删除1条数据
}
}
//在数组对象中插入值 dataShowData[0]中插入工资morenzhi dataShowData[1]工资morenzhidataShowData[2]
//在数组对象中每一条插入数据 工资morenzhi
0: {姓名: '张三', 成绩: '85', 政治外貌: '群众', 民族: '汉', 工资morenzhi: Array(1), …}
1: {姓名: '李四', 成绩: '86', 政治外貌: '党员', 民族: '汉', 工资morenzhi: Array(1), …}
2: {姓名: '王五', 成绩: '87', 政治外貌: '群众', 民族: '傣族', 工资morenzhi: Array(1), …}
for (var j = 0; j < dataShowData.length; j++) { //这个循环控制插入数据dataShowData[j][$('#default' + i).attr("title") + "morenzhi"] = [val];
工资morenzhi 值
dataShowData[j][$('#default' + i).attr("title") + "morenzhi"] = [val];
}
dataShowData[j][$('#default' + i).attr("title") + "morenzhi"] = [val];
project._Calendar.Exceptions.splice(0, project._Calendar.Exceptions.length);//存在即删除 从index下标开始删除1条数据 清空数组对象某个对象
-----------------------------------------------------------------------------------------------------
在数组对象里的对象 插入数据
workdays[0].Exceptions.push({
"DayWorking": 0,
"DayType": 0,
"Name": "",
"TimePeriod": {
"FromDate":formatterDate("2018-04-16 00:00:00") ,
"ToDate": formatterDate("2018-04-18 23:59:59")
}
})
-------------------------------------------------------------------------------------------------------
遍历数组对象 {value: '99', title: '[未设置] 瓦罐汤',kc：'123'} key是value v是title，kc
Object.keys(persons[0]).forEach(function(key,i,v){
console.log(key)//键 SQLid[key]值
console.log("---------")
console.log(i);//下标
console.log("---------")
console.log(v)
})
data1.forEach((v,i)=>{
Object.keys(v).forEach(v=>{
console.log(v)//键
console.log(data1[i][v])//值
})
})
-------------------------------------------------------------------------------------------------------
修改数组
for (let j = 0; j < ExcelData.length; j++) {
if (ExcelData[j].title == ExcelVal) {
ExcelData[j].disabled = "1";
}
}
添加数组对象
ExceptionDateData.push({"workday": '',
"name": "",
"stratDate": '',
"endDate": ''})
--------------------------------------------------------------------------------------------------------
使用new Date()定义两个日期； //可以计算两个日期的天数 月份年
● Date.getTime()方法来计算两个日期的时差
● 将两个日期的差(以毫秒为单位)除以一天中的毫秒数来计算天数差
var date1 = new Date("06/30/2019");
var date2 = new Date("07/30/2019");
var Difference_In_Time = date2.getTime() - date1.getTime();
var Difference_In_Days = Difference_In_Time / (1000 * 3600 * 24);
document.write("日期：
" + date1 + "
和
" + date2 + "
相差的天数为："
+ Difference_In_Days);
------------------------算天数方法
function CalcDya(timeA,timeB){
var timeA=new Date(timeA).getTime(); //转换
timeA = parseInt((timeA)/(1000 * 60 * 60*24));
//timeA=parseInt((timeA)/(1000 * 60 * 60));
var timeB=new Date(timeB).getTime();
timeB = parseInt((timeB)/(1000 * 60 * 60*24));
//timeB=parseInt((timeB)/(1000 * 60 * 60));
return timeB-timeA;
}
-------------------------------------------------------------------------------------------------------
js获取url值
function getQueryVariable(variable){ //获取url参数
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if(pair[0] == variable){return pair[1];}
}
return(false);
}
var name=decodeURIComponent(getQueryVariable("userName"))
-------------------------------------------------------------------------------------------------------
var str = “2021-02-04”; var newStr = str.replace(/-/g, “”);
//replace（a,b）a:表示要替换的字符 b:替换后的字符 20210204
PS : 特殊字符需要转义，/g表示全部替换
var per=(BC_Tran_TaskBase.getFieldValue("Participants")).split(",") //根据逗号分割
var a=role.replace("( ",""); 去除（和空格字符
-------------------------------------------------------------------------------------------------------
jq禁用select中的 不通过 和发布人反馈选项 禁用下拉某个选项 禁选
if(BC_Tran_TaskBase.getFieldValue("BusinessState")!="1"){
if (getURLParameters("Role") == "负责人") {
var val = ["不通过", "发布人反馈"];
$("#TaskMX_TypeEdit option").each(function (i, el) {
$(el).text()
for (var i = 0; i < val.length; i++) {
if ($(el).text() == val[i]) {
$(this).attr("disabled", "disabled");
$(this).attr("style", "background-color: #E9ECEF");
}
}
})
}
$("#Bottomkedu option").removeAttr("disabled"); //恢复下拉
-------------------------------------------------------------------------------------------------------
点击按钮获取按钮自身属性 id value
$(document).on('click', '.layui-btn-normal', function(e) {
var btnId = $(e.target).attr('id');
var val =$(e.target).html()
//var btnId = $(e.target).attr('id');
console.log(btnId);
});
-------------------------------------------------------------------------------------------------------
截取字符串
var excelVal=btnVal.substring(btnVal.indexOf("[")+1,btnVal.indexOf("]")) //截取[]中间的
var index = btnVal.lastIndexOf("\]"); //截取 ]之后的
SQLVal = btnVal.substring(index + 1, btnVal.length);
-------------------------------------------------------------------------------------------------------
获取当前时间 当前日期
var mydate = new Date();
mydate.getYear(); //获取当前年份(2位)
mydate.getFullYear(); //获取完整的年份(4位,1970-????)
mydate.getMonth(); //获取当前月份(0-11,0代表1月)
mydate.getDate(); //获取当前日(1-31)
mydate.getDay(); //获取当前星期X(0-6,0代表星期天)
--------------------------------------------------------------------------
//时间转换中国标准时间
function TimeCycle (date) {
var y = date.getFullYear();
var m = date.getMonth() + 1;
m = m < 10 ? ('0' + m) : m;
var d = date.getDate();
d = d < 10 ? ('0' + d) : d;
var h = date.getHours();
var minute = date.getMinutes();
minute = minute < 10 ? ('0' + minute) : minute;
// return y + '-' + m + '-' + d+' '+h+':'+minute;
return y + '-' + m + '-' + d
};
// 中国标准时间 转换成 年月日
function getSimpleDate(date) {
var y = date.getFullYear();
var m = date.getMonth() + 1;
m = m < 10 ? ('0' + m) : m;
var d = date.getDate();
d = d < 10 ? ('0' + d) : d;
var h = date.getHours();
var minute = date.getMinutes();
minute = minute < 10 ? ('0' + minute) : minute;
var s = date.getSeconds();
s = s < 10 ? '0' + s : s;
return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + s;
}
----------------------------------------------------------------------
本文详细介绍了JavaScript中DOM元素的操作，包括显示/隐藏、获取属性、清除内容、触发点击等。同时，文章深入讲解了数组的使用，如浅复制、反向输出、删除、插入和遍历等操作。还涉及了动态添加元素的事件绑定、获取URL参数的方法，以及日期和时间的处理。此外，文章还展示了如何禁用和启用输入元素、添加和删除class属性，以及获取和设置input和div的值。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
