一. 如何获取元素
获取某种元素,可以使用选择器,把选择器放到jQuery()里,返回的是操作这些元素的对象。
$(document) 获取到整个文档对象
$('#id1') 获取id为id1的元素对应的对象
$('.child') 获取class是child的元素
二.jQuery的链式操作
jQuery通过在函数中返回一个对象的方法,来实现链式操作。就可以在每一步jQuery操作后,再次调用其他函数。
$('.test').find('.child').text('hello') 获取到.test元素,找到.test元素中的.child元素,在.child元素中插入文本‘hello'
.end()方法可以退回到上一个对象,对当前对象的上一个对象进行操作。
$('.test').find('.child').html('<span>1</span>').end().text('hello')
'hello'被插入到'.test'元素中
三. 如何创建元素
不同于DOM操作中的 document.createElement(),jQuery中只需要把创建的元素内容直接写到jQuery函数里,就可以创建元素,返回的仍然是可以操作这个元素的对象。
$('<div><span>123</span></div>')
四. 如何移动元素
$('div').insertAfter($('p')) 把div元素放到p元素后边
$('div').insertBefore($('p')) 把div元素放到p元素前边
五. 如何修改元素的属性
使用.attr()方法,根据参数的不同,可以读属性或写属性。