来源于《15天学会jQuery编程与实战》

jQuery操作HTML

获取内容

text()  //返回文本内容
html()  //返回所选元素的内容(含HTML)
val()  //返回表单字段的值

获取元素的属性

$(selector).attr(attribute);
//例如
$(".info").attr("name");  //获取info的title值

设置元素的属性

$(selector).attr(attribute, attribute_content);
$("#info").attr("name",  "nothing");

页面添加元素

append()  // 结尾插入内容
appendTo()  // 结尾插入内容，直接使用没有效果
prepend()  //  开头插入内容
after()  //元素后插入
before()  //元素前插入

/*
*基本结果
before插入元素
before插入元素
插入prepend内容
插入prepend内容
插入prepend内容
***元素***
使用append添加元素
使用append添加元素
after插入元素
after插入元素
*/

删除元素

remove()  //删除DOM节点
empty()  //清除节点内容

操作CSS

添加或删除样式

addClass("info")  //添加类, 类名info
removeClass("info")  //删除类

切换样式(类)

toggleClass("info ")    //切换，单击鼠标循环此类样式出现与否

获取CSS

$("div").css("width")  //获取div的width属性

设置属性

$("p").css({"background-color": "blue", "font-size": "45px"});

操作事件

jQuery支持冒泡型事件流，例如，从div到body到html到document的单击事件。
jQuery对JavaScript中的事件封装，不必考虑浏览器之间的差异。

绑定事件

$(selector).bind(event, data, function)
//event是js事件对象，
//data可选，作为event.data属性值传递给事件对象的额外数据对象
//function用来绑定处理函数

新事件绑定on

.on(events [, selector] [, data], handler)
//handler表示要执行的函数

移除事件绑定

$(selector).unbind(event, function)

新移除事件绑定off

.off(events [, selector] , handler)