JS助手 - 批量之家

js

jquery

一、获取select option选中

返回 string

var e = document.getElementById("sel");
var value = e.value;
var text = e.options[e.selectedIndex].text;

let a1 = $("#sel option:selected").val()
let a2 = $("#sel option:selected").text()

二、获取 input radio 的值

返回 string

var val = document.querySelector('input[name="genderS"]:checked').value;

var val = $('input[name="genderS"]:checked').val();

三、input checkbox 是否选中

返回 true false

document.querySelector('.messageCheckbox').checked;

let x2=$(".messageCheckbox").is(":checked")

四、input checkbox 获取全部选中

返回 [1, 2, ...]

var array = []
var checkboxes = document.querySelectorAll('input[type=checkbox]:checked')
for (var i = 0; i < checkboxes.length; i++) {
    array.push(checkboxes[i].value)
}

let yourArray = new Array()
$("input:checkbox[name=abc]:checked").each(function () {
    yourArray.push($(this).val());
});

五、遍历dom

得到 dom object

const divs = document.getElementsByTagName('div');
for (let i = 0; i < divs.length; i++) {
  const ps = divs[i].getElementsByTagName('i');
  for (let j = 0; j < ps.length; j++) {
    console.log(ps[j].getAttribute('class'));
  }
}

$('.icon-list i').each((idx, dom) => {
    console.log(dom)
    console.log(dom.getAttribute('class'))
})

一、js常用

一、字符串替换

1. 使用 String.prototype.replace()

let str = "Hello, world!";
let newStr = str.replace(/world/g, "universe");

2. 使用 String.prototype.replaceAll()

let str = "Hello, world!";
let newStr = str.replaceAll("world", "universe");

二、延迟执行

执行2秒（执行1次）

setTimeout(function() {
   console.log("This message is shown after 2 seconds.");
}, 2000);

每隔2秒（执行多次）

function myFunction() {
    console.log("This function runs every 2 seconds");
}

// 设置定时器，每隔2000毫秒（即2秒）执行一次myFunction
let intervalId = setInterval(myFunction, 2000);

// 10秒后停止定时器
setTimeout(() => {
    clearInterval(intervalId);
    console.log("Timer stopped");
}, 10000);

三、数组合并

1. 使用 concat() 方法

let mergedArray = array1.concat(array2);

2. 使用扩展运算符（Spread Operator）

let mergedArray = [...array1, ...array2];

3. 使用 push() 方法和扩展运算符

array1.push(...array2);

四、小数点保持2位

let formattedNum = num.toFixed(2); // "3.14"

五、字符串截取

1. 使用 slice() 方法

// 截取前5位
let firstFive = str.slice(0, 5);
    
// 截取后6位
let lastSix = str.slice(-6);

六、字符串转数字

2. 使用 parseInt() 返回一个整数

let str = "123";
let num = parseInt(str, 10); // 123

3. 使用 parseFloat() 返回一个浮点数

let str = "123.45";
let num = parseFloat(str); // 123.45
    
let invalidStr = "abc";
let invalidNum = parseFloat(invalidStr); // NaN

七、向上取整，向下取整

向下取整

let str = "123.45";
let num = Math.floor(parseFloat(str)); // 123

向上取整

let ceilNum = Math.ceil(parseFloat(str)); // 124

1. 使用 Math.round()，Math.round() 函数将一个数字四舍五入到最接近的整数。

let num = 4.5;
let roundedNum = Math.round(num); // 5

num = 4.4;
roundedNum = Math.round(num); // 4

数组函数

    Array.forEach()：遍历数组中的每个元素并执行指定的函数操作。
    Array.map()：遍历数组中的每个元素并返回一个新数组。
    Array.filter()：过滤数组中的元素并返回一个新数组。
    Array.reduce()：将数组中的元素按照一定规则进行累加并返回一个结果。
    Array.sort()：按照一定规则排序数组中的元素。
    Array.slice()：获取数组中指定范围内的元素并返回一个新数组。
    Array.concat()：将两个或多个数组合并成一个新数组。

浏览器交互函数

    window.alert()：显示一个警告对话框。
    window.confirm()：显示一个确认对话框。
    window.prompt()：显示一个输入对话框。

事件处理函数

addEventListener()：为元素添加事件监听器。
removeEventListener()：移除事件监听器。