面试-javascript知识
1.js的基本类型
6种,Undefined、Null、Boolean、Number、String和Object
2.js截取函数
split,str.split(",")用指定的逗号把一个字符串分割存储到数组。
3.Null和Undefined的区别
Undefined类型只有一个值,即undefined。当声明的变量还未被初始化时,变量的默认值为undefined。
Null类型也只有一个值,即null。null用来表示尚未存在的对象,常用来表示函数企图返回一个不存在的对象。
4.Jquery选择器有哪些?
一:基本选择器
假设一个页面有个div元素
<div id="one" class="two" ></div>
1、id选择器 $('#one').css('background', '#000');
2、class选择器 $('.two').css('background', '#000');
3、元素选择器 $('div').css('background', '#000');
4、*选择器(所有元素) $('form *').css('font-size', 12px); //遍历form下的所有元素,将字体大小设置为12px
5、并列选择器 $('p,div').css('font-size', 12px);
二:层次选择器
1、parent > child(直系子元素)
// 选取div下的第一代span元素,将字体颜色设为红色
$('div > span').css('color', '#FF0000');
2、prev + next(下一个兄弟元素,等同于next()方法)
$('.item + div').css('color', '#FF0000');
// 等价代码
//$('.item').next('div').css('color', '#FF0000');
3、prev ~ siblings(prev元素的所有兄弟元素,等同于nextAll()方法)
// 选取class为inside之后的所有div兄弟元素
$('.inside ~ div').css('color', '#FF0000');
// 等价代码
//$('.inside').nextAll('div').css('color', '#FF0000');
三:过滤选择器
1、基本过滤选择器
1.1 :first和:last(取第一个元素或最后一个元素)
$('span:first').css('color', '#FF0000');
$('span:last').css('color', '#FF0000');
1.2 :not(取非元素)
$('div:not(.wrap)').css('color', '#FF0000');
1.3 :even和:odd(取偶数索引或奇数索引元素,索引从0开始,even表示偶数,odd表示奇数)
$('tr:even').css('background', '#EEE'); // 偶数行颜色
$('tr:odd').css('background', '#DADADA'); // 奇数行颜色
1.4 :eq(x) (取指定索引的元素)
$('tr:eq(2)').css('background', '#FF0000');
1.5 :gt(x)和:lt(x)(取大于x索引或小于x索引的元素)
$('ul li:gt(2)').css('color', '#FF0000');
$('ul li:lt(2)').css('color', '#0000FF');
1.6 :header(取H1~H6标题元素)
$(':header').css('background', '#EFEFEF');
二:内容过滤选择器
2.1 :contains(text)(取包含text文本的元素)
$('dd:contains("jQuery")').css('color', '#FF0000');
还有一些,暂不补充。