當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript-jQuery操作Dom元素
生活随笔
收集整理的這篇文章主要介紹了
JavaScript-jQuery操作Dom元素
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
參考文檔： https://jquery.cuishifeng.cn/
<!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() // 隱藏更多方法可以參考： https://jquery.cuishifeng.cn/
https://www.bilibili.com/video/BV1JJ41177di?p=29
總結
以上是生活随笔為你收集整理的JavaScript-jQuery操作Dom元素的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Objects.equals(a, b)
- 下一篇： JavaScript-操作DOM对象-创