29、jQuery操作Dom元素

工一木子

于 2021-09-19 17:15:53 发布

阅读量112

点赞数

分类专栏： JavaScript学习文章标签： jquery ajax javascript

本文链接：https://blog.csdn.net/Prince140678/article/details/120382433

版权

JavaScript学习专栏收录该内容

30 篇文章 0 订阅

订阅专栏

操作DOM

节点文本操作

$('#test-ul li[name=python]').text();//获得值
$('#test-ul li[name=python]').text('设置值');//设置值
$('#test-ul').html();//获得值
$('#test-ul').html('<strong>hello</strong>');//设置值

css的操作

$('#test-ul li[name=python]').css({"color":"red"});
$('#test-ul li[name=python]').css("color","green");

元素的显示和隐藏：本质,display:none

$('#test-ul li[name=python]').show();
$('#test-ul li[name=python]').hide();

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zROFY5U3-1632043300828)(C:\Users\Administrator\Desktop\学习笔记\前端学习\javascript\29、jQuery操作Dom元素.assets\image-20210919171615950.png)]$

娱乐测试：

$(window).width();
$(window).height();
$('#test-ul li[name=python]').toggle();//来回切换隐藏，展示

未来ajax();

$('#form').ajax();
$.ajax({ url: "test.html", context: document.body, success: function(){
    $(this).addClass("done");
}});

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OuZ60MKR-1632043300832)(C:\Users\Administrator\Desktop\学习笔记\前端学习\javascript\29、jQuery操作Dom元素.assets\image-20210919172021487.png)]$

彩蛋

1.idea查看js,jquery源码

鼠标右键点击方法即可：

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WWdKO8E6-1632043300834)(C:\Users\Administrator\Desktop\学习笔记\前端学习\javascript\29、jQuery操作Dom元素.assets\image-20210919170412638.png)]$