AI智能
改变未来

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()//删除兄弟结点})
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » jQuery初接触