jQuery基础

$函数

1、$(selector,context)：获取元素

$('li').css('color', 'blue');

 $('li', '.first').css('background-color', 'yellow') //$('li', '.first')==$('.first li')

 $('.first li').css('background-color', 'green');



2、$(js对象)：jquery包装器，js对象是原生的js对象，将原生的js对象转为jquery对象；

$(document.body).css('background', 'skyblue');

将jquery对象还原成原生的js对象

1…spread扩展

console.log([...$('li')]);

[...$('li')].forEach(item => {

   console.log(item);

});



2、get(n)将jquery对象中的某一个对象还原成原生的js对象

//console.log($('li').get(2));

$('li').get(2).style.backgroundColor = 'yellow'



3、$(html文本)：生成dom元素；

 document.querySelector('.first li:nth-of-type(2)').insertAdjacentHTML('afterend', '

');

 $('

').appendTo($('.first li:last-of-type'));



4、$(callback回调函数):传一个回调当参数，当页面加载完成会自动调用它；

  $(() => {

         $('

').appendTo($('.first li:last-of-type'));

     })



总结： $()的参数的四种类型

1选择器

2元素js对象（包装器功能）

3html字符串：创建dom元素

4回调函数：在页面加载完dom树创建成功后自动调用；

attr()获取/设置元素属性 attr(name)获取|attr(name,value)设置

const fo