js与jquery之元素获取

js的元素获取

1、通过id获取

document.getElementById('username')

• 如果有多个id相同的元素，获取的是第一个

2、通过class获取

document.getElementsByClassName('p-info')
document.getElementsByClassName('p-info')[0]

获取到的是一个集合对象，需要通过下标获取单个对象

3、通过元素类型获取

document.getElementsByTagName('p')
document.getElementsByTagName('p')[0]

获取到的是一个集合对象，需要通过下标获取单个对象

4、通过name获取

document.getElementsByName('username')
document.getElementsByName('username')[0]

获取到的是一个集合对象，需要通过下标获取单个对象
5、通过选择器获取单个

document.querySelector('p')
document.querySelector('#username')
document.querySelector('.input')
document.querySelector('p[name="a"]')
document.querySelector('body p')

获取符合条件的第一个元素

6、通过选择器选择一组

document.querySelector('p')

获取符合条件的所有元素

7、直接获取html

document.documentElement

8、直接获取body

document.body

jquery的元素获取

$("p")
$(".p")
$("#username")
$("input[name="_csrf_token"]")