jQuery初接触

JS和jQery的相互转换

我们通常想用JS实现在页面修改文字时是这样实现的

let mydiv=document.querySelector(\'.main\')div.innerHTML=\'你好\'

而jQuery是这样实现的，缩短了编译时间

$(\'.main\').html(\'你好\')//括号内有参数时，是赋值，无参数是取值

JS和JQuery的相关知识

js给多个标签设置样式时，需要手动遍历一遍才能实现，而jQuery可以重复绑定，用对象方法实现多种样式，例子如下：

$(\'.app\').css({color:\'red\',fontSize:\'30px\'//这里不写px系统也不会报错})

jQuery可以实现链式调用，在后面一直调用，而js只能分步调用

console.log($(\'.app\').css(\'color\',\'red\').html(\'111\'));

jQuery获取子元素的方法

//方法一$(\'#app .app\').css(\'color\',\'red\')//方法二let app=$(\'#app\')app.children().css(\'color\',\'blue\')//方法三app.find(\'.app\').css(\'color\'.\'red\')

jQuery获取父级元素的方法

$(\'.app\').click(function(){// $(this).parent().remove()//删除父级$(this).siblings().remove()//删除兄弟结点})