如何获取元素
**
$(document)
$('#myID')//选择ID为myID的元素
$('div.myClass') // 选择class为myClass的div元素
$('input[name=first]') // 选择name属性等于first的input元素
jQuery的链式操作
**
$('.test').find('.children').addClass('red')
拆开便是
$('.test')找到class为test的元素
.find('.children')找到它里面的所有孩子
.addClass('red')然后为每个孩子添加一个class为red的属性
- jQuery的每一步操作,返回的并不是一个元素,而是一个对象,所以可以将不同的操作连在一起,就是所谓的链式操作
移动元素
- jQuery提供两组方法,来操作元素在网页中的位置移动。
- 一组方法是直接移动该元素
使用.insertAfter(),把div元素移动p元素后面:
**
$('div').insertAfter($('p'));
- 另一组方法是移动其他元素,使得目标元素达到我们想要的位置
使用.after(),把p元素加到div元素前面:
**
$('p').after($('div'));
- 注意
第一种方法返回div元素,第二种方法返回p元素
创建
**
$('标签')
html('');
添加
**
append();//末尾添加元素
appendTo();// 将元素塞到子盒子末尾
prepend(); //在子盒子最前面添加元素
prependTo();// 将元素塞到子盒子最前面
after();// 将元素插入到指定盒子的后面,兄弟节点方式
before();// 将元素插入到指定盒子的前面,兄弟节点方式
删除
**
html('')//清空
empty()
remove()
复制
**
clone()