jQuery简单操作

获取元素

jQuery中文文档

$(document) //选择整个文档对象

$('#myId') //选择ID为myId的网页元素

$('div.myClass') //选择class为myClass的div元素

$('input[name=first]') //选择name属性等于first的input元素

其他特有的jQuery表达式

$('a:first') //选择网页中的第一个a元素

$('tr:odd') //选择表格的奇数行

$('#myForm :input') //选择表单中的input元素

$('div:visible') //选择可见的div元素

$('div:gt(2)') //选择所有div元素，除了前三个

$('div:animated') //选择当前处于动画状态的div元素

jQuery的链式操作

jQuery设计思想之三，就是最终选择网页元素后，可以对它进行一系列操作，并且所有操作可以连接在一起

$('div').find('h3').html('Hello')

jQuery创建元素

$('<p>Hello</p>')

$('<li class="new">new list item</li>')

$('ul').append('<li>list item</li>')

jQuery移动元素

$('div').insertAfter($('p')) //把div元素移动到p元素后面

$('p').after($('div')) //把p元素移动到div后面

.insertBefore() 和 .before()

.appendTo() 和 .append()

.prependTo() 和 .prepend() 

jQuery取出或修改元素属性

    .addClass() 为每个匹配的元素添加指定的样式名

    .html() 取出或设置html内容

　　.text() 取出或设置text内容

　　.attr() 取出或设置某个属性的值

　　.width() 取出或设置某个元素的宽度

　　.height() 取出或设置某个元素的高度

    .val() 取出某个表单元素的值

删除元素

remove()方法删除被选元素及其子元素

$("#div1").remove()

empty() 方法删除被选元素的子元素

$("#div1").empty()
```+