jQuery 的设计思想

1.jQuery 如何获取元素

　　jQuery(选择器)

window.$=window.jQuery=function(...){...}

$(document) //选择整个文档对象
$('#test')//选择ID为test的网页元素
$('div.red') //选择class为red的div元素
$('div').has('p'); //选择包含p元素的div元素
$('div').first(); //选择第1个div元素
$('div').next('p'); //选择div元素后面的第一个p元素
$('div').parent(); //选择div元素的父元素
$('div').closest('form'); //选择离div最近的那个form父元素
$('div').children(); //选择div的所有子元素
$('div').siblings(); //选择div的同级元素

2.jQuery 的链式操作是怎样的

　　jQuery允许将所有操作连接在一起，以链条的形式写出来，列如：

$('#test').find('h3').html('Hello');
//找到id是test的元素，在test元素里找的h3，再将h3内容改为hello

3.jQuery 如何创建元素

$('<div><p>1</p></div>').appendTo(document.body)
//将创建的元素加到body中
$('#test').after(div)//在id为test的元素后加一个div（添加弟弟）
$('#test').before(div)//在id为test的元素前加一个div（添加哥哥）

4.jQuery 如何移动元素

　　如果要移动选中的元素，有两种方法：一种是直接移动该元素，另一种是移动其他元素，使得目标元素达到我们想要的位置。

$('div').insertAfter('p');//将div元素移动到p元素后面。
$('p').after('div');//把p元素加到div元素前面

5.jQuery 如何修改元素的属性

$div.test(..)//读写文本内容
$div.html(..)//读写html内容
$div.attr('属性名','属性值')//读写属性
$div.css(..)//读写style
$div.addClass(..)//添加class
$div.on('event',fn)
$div.off('event',fn)