JQuery 使用

1. DOM操作

DOM操作步骤:

  1. 选择DOM
  2. (可选)查找或过滤
  3. 操作DOM

选择

JQuery的查找DOM语法同CSS选定DOM的语法一致,只要会了CSS就会使用JQuery的选择器。

按标签查找

1
2
3
$('html')
$('div')
$('span')

按class查找

1
2
$('.nav-wrapper')
$('.image')

按ID查找

1
2
$('#app')
$('#home')

按属性查找

1
2
3
4
$('[name="email"]')
$('[type="password"]')
$('[type^="pass"]')
$('[type$="word"]')

组合查找

标签,ID,class和属性同CSS语法一致可以组合使用。

1
2
3
4
$('p, div')
$('p.content, div.title')
$('form.test p input')
$('ul.lang>li.lnag-javascript')

查找 & 过滤

1
2
3
.find
.parent
.next | .prev
1
2
.filter
.map
1
2
3
4
5
// Todo
# 2. 动画

# 3. AJAX


JQuery 使用
http://example.com/2023/01/08/JQuery使用 - DOM操作/
作者
Ray
发布于
2023年1月8日
许可协议