1、利用title当鼠标悬停时可显示提示信息:
<td class='edit' name='key' id='key title='点击可更改该答案'>
2、鼠标自动变手形:
在script标签中加入下列代码:
注意提前引入jquery.js。
$('.edit').click(function(){
//一些代码
}).hover(function(){
$(this).addClass('hover');
//$(this).select();
},function(){
$(this).removeClass('hover');
});
然后在style标签中加上鼠标属性:
.hover{cursor:pointer;color:#FF00FF}/*pointer手型*/
3、js 把数组中每个元素的某个字段取出
方法一:map()
let cities = [
{city:"北京",bOn:false},
{city:"上海",bOn:false},
{city:"重庆",bOn:false},
{city:"广州",bOn:false},
{city:"西安",bOn:false}
];
let city = cities.map((item) =>{
return item.city
});
console.log('city == ',city);
补充:上述方法可压缩成一行
let city = cities.map((item) => item.city);
方法二:foreach()(用for也行)
let cities = [
{city:"北京",bOn:false},
{city:"上海",bOn:false},
{city:"重庆",bOn:false},
{city:"广州",bOn:false},
{city:"西安",bOn:false}
];
let city = [];
cities.forEach((item)=>{
city.push(item.city);
});
console.log('city == ',city);
4、数组中map、filter、find特点,并举例说明。map、filter和find都是数组的常用方法,它们的特点分别是:
map:对数组的每个元素进行操作,返回一个新的数组。
举例:将数组中的每个元素都加1。
const arr = [1, 2, 3];const newArr = arr.map(item => item + 1);console.log(newArr); // [2, 3, 4]
filter:根据条件过滤数组中的每个元素,返回一个新的数组。
举例:过滤掉数组中的偶数。
const arr = [1, 2, 3, 4, 5];const newArr = arr.filter(item => item % 2 !== 0);console.log(newArr); // [1, 3, 5]
find:查找数组中符合条件的第一个元素,返回该元素。
举例:查找数组中第一个大于3的元素。
const arr = [1, 2, 3, 4, 5];const result = arr.find(item => item > 3);console.log(result); // 4
需要注意的是,如果找不到符合条件的元素,find返回undefined。