jQ - DOM

节点操作
	$('ul').append($('li:first'))	// ul内部后插入第一个li, 相当于把第一个li移动到ul内部后
	$('ul').prepend($('li:last'))	// ul内部前插入最后一个li, 相当于$('li:last').prependTo('ul')
	$('li:last').after($('li:first'))	// 最后一个li后插入第一个li
	$('li:first').before($('li:last'))	// 第一个li前插入最后一个li

	$('li:first').remove()			// 删除第一个li
	$('li').remove('li[title!=3]')	// 选择性删除节点
	$('li:first').detach()			// 隐藏第一个li
	$('li:first').empty()			// 清空第一个li里的内容

	$('li:first').clone().appendTo('ul')
	$('li:first').clone(true).appendTo('ul')	// 同时克隆第一个li绑定的事件

	$('li:first').replaceWith($('li:last'))		// 第一个li替换成最后一个li

	$('li').wrap('<div></div>')			// li分别用多个div包裹
	$('li').wrapAll('<div></div>')		// li统一用一个div包裹
	$('li').wrapInner('<div></div>')	// li子内容用div包裹

	$('iframe').contents().find('body').height(100); 	// 访问iframe内
	$(window.parent.document).find('body'); 			// 访问iframe外

	$('input').focus().select();	// 聚焦与选中

	$('li').children()		// 查找子级
	$('li').parent()		// 查找父级
	$('li').parents('.box')	// 查找指定祖级
	$('li').closest('ul') 	// 查找第一个祖级
	$('li').next()			// 查找下一个
	$('li').prev()			// 查找上一个
	$('li').siblings()		// 查找同辈
	$('li').find('li')		// 查找与表达式匹配的


属性操作
	$('img').attr('src')						// 获取属性
	$('img').attr('src', '1.png')				// 设置属性
	$('img').attr('src':'1.png', 'title':'1')	// 设置多个属性

	$('input').prop('checked')					// 判断属性

	$('img').removeAttr('src')					// 删除属性


样式操作
	$('img').attr('class', 'a')		// 设置并覆盖原属性中的样式
	$('img').addClass('a')			// 在原属性中追加样式

	$('img').removeClass('a')		// 移除样式

	$('img').toggleClass('a')		// 切换样式

	$('img').hasClass('a')			// 相当于$('img').$.isEmptyObject('.a')


获取和设置html, text, value
	$('p').html()		// 获取p中内容, 去除开始与结尾可能存在的空格: $.trim($('p').html())
	$('p').html('')		// 设置p中内容

	$('p').text()		// 获取p中文本内容, 开始与结尾可能存在空格
	$('p').text('')		// 设置p中文本内容

	$(':text').val()		// 获取文本框的值
	$(':text').val('')		// 设置文本框中的值

	$(':select').val('a')			// 设置值为'a'的下拉框被选中, 相当于$('[value=a]:option').attr('selected', true)
	$(':checkbox').val(['a', 'b'])	// 设置值为'a', 'b'的复选框被选中


CSS-DOM操作
	$('div').innerWidth();								// 不包括border
	$('div').outerHeight();
	$('div').css('height');								// $('div').height()
	$('div').css('height', '100');
	$('div').css({background: '#F00', opacity: '.5'});
	$('div').offset({top: 10, left: 10});				// 相对视窗偏移
	$('div').position({top: 10, left: 10});				// 相对定位偏移
	$('div').scrollTop(10);								// 滚动条偏移


是否jquery对象
	obj instanceof jQuery