一些有用的JavaScript和jQuery的片段分享

下面是“一些有用的JavaScript和jQuery的片段分享”的完整攻略：

一、前言

JavaScript 和 jQuery 是前端开发中必不可少的技能。本文将分享一些有用的片段，能够帮助你提高效率和开发质量。

二、JavaScript 片段分享

1. 获取当前时间

const now = new Date();
const year = now.getFullYear(); // 获取完整的年份(4位,1970-????)
const month = now.getMonth() + 1; // 获取当前月份(0-11,0代表1月)
const day = now.getDate(); // 获取当前日(1-31)
const week = now.getDay(); // 获取当前星期X(0-6,0代表星期天)
const hour = now.getHours(); // 获取当前小时数(0-23)
const minute = now.getMinutes(); // 获取当前分钟数(0-59)
const second = now.getSeconds(); // 获取当前秒数(0-59)
const timestamp = now.getTime(); // 获取当前时间(从1970.1.1开始的毫秒数)

2. 数组去重

const arr = [1, 2, 2, 3, 3, 4, 5];
const uniqueArr = [...new Set(arr)];
console.log(uniqueArr); // [1, 2, 3, 4, 5]

3. 判断数组中是否存在某元素

const arr = [1, 2, 3, 4, 5];
const isIncluded = arr.includes(3);
console.log(isIncluded); // true

4. 数组求和

const arr = [1, 2, 3, 4, 5];
const sum = arr.reduce((prev, curr) => prev + curr, 0);
console.log(sum); // 15

5. 对象属性快速赋值

const name = 'Tom';
const age = 18;
const gender = 'male';
const person = {
  name,
  age,
  gender
};
console.log(person); // {name: "Tom", age: 18, gender: "male"}

三、jQuery 片段分享

1. 显示/隐藏元素

$('#myElement').show(); // 显示元素
$('#myElement').hide(); // 隐藏元素

2. 获取元素属性

const value = $('#myElement').attr('data-value');
console.log(value); // 属性值

3. 修改元素属性

$('#myElement').attr('data-value', 'new value');

4. 点击事件

$('#myButton').click(() => {
  console.log('click');
});

5. 切换类名

$('#myElement').toggleClass('active');

四、总结

以上就是一些有用的 JavaScript 和 jQuery 片段，希望能够帮助到你。