来源于《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)
