jQuery简介
jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。 下面简单介绍一下jQuery的使用。
jQuery如何获取元素？
window.$ = window.jQueryjQuery有个简洁的别名，文章从这里开始使用别名$来使用jQuery。$('选择器')该方法参数可以接受CSS选择器，返回一个可以操作相应元素的对象。简称jQuery对象。$()该方法还可以接受其他参数，都是将DOM元素封装成jQuery对象，从而方便开发者对DOM进行操作。即开发者只需要选择元素和操作元素即可。
jQuery的链式操作是怎样的？
- 链式操作是jQuery设计思想的精华所在。
- 通常一个函数返回值是计算结果。但jQuery大部分方法都是返回jQuery对象。从而可以实现链式调用。
$('#demo').addClass('red').addClass('blue').removeClass('red')
jQuery如何创建元素？
$('<p>')或者$('<p>123</p>')都可以获取一个jQuery对象。- 该对象封装了DOM元素的操作。可以使用后续方法将DOM元素插入到页面或直接获取DOM元素也可以。
jQuery如何移动元素？
- 依然按照使用jQuery两步走。选择元素和操作元素。
$('#demo').after('p')可以将p元素移到#demo元素后面。$('#demo').before('p')可以将p元素移到#demo元素前面。$('#demo').insertAfter('p')可以将#demo元素移到p元素后面。$('#demo').insertBefore('p')可以将#demo元素移到p元素前面。
jQuery如何修改元素的属性？
$('#demo').attr(name,value)- value参数可选。当只有name参数则是读取属性。name和value则是设置属性。
- 这个方法也展示了jQuery封装的优秀之处。同一个函数根据参数的不同实现不同的功能，也就是重载。
