参考文档: /
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><script src="lib/jquery-3.6.0.js"></script></head><body><ul id="test-ul"><li class="js">JavaScript</li><li name="python">Python</li></ul></body></html>
节点文本操作
// 获取和修改元素的值: 原来的写法// document.getElementById('test-ul')// $('#test-ul li[name=python]').text() // text()没有值代表获取值// $('#test-ul li[name=python]').text('test') // text('test')有值代表重新赋值// $('#test-ul li[name=python]').html()// $('#test-ul li[name=python]').html('<strong>123</strong>')
css 的操作
// css 的操作$('#test-ul li[name=python]').css({"color": "#ff0011", "background": "blue" })
元素的显示和隐藏
// 元素的显示和隐藏: 本质: display: none$('#test-ul li[name=python]').show() // 显示$('#test-ul li[name=python]').hide() // 隐藏
更多方法可以参考:/
/video/BV1JJ41177di?p=29