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()//删除兄弟结点
    })
展开阅读全文
©️2020 CSDN 皮肤主题: 游动-白 设计师: 上身试试 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值