28.使用jQuery变更CSS样式

一、.css()
->css("CSS属性名称"); //取得第一个符合之元素的CSS样式
->css("CSS属性名称","属性值"); //根据参数设定所有符合之元素的CSS样式
->css({"CSS属性名称":"属性值"," CSS属性名称":"属性值",...});
EX: css("CSS属性名称");
1)
2) css("CSS属性名称","属性值");

3) css({"CSS属性名称":"属性值"," CSS属性名称":"属性值",...});

二、width()、height()
->width()：取得 / 设定元件区块(不含padding, border)宽度值(单位:px)。ex: $('CSS属性名称').width(); / $('CSS属性名称').width(参数);
->height()：取得 / 设定元件区块高度值(单位:px)(不含padding, border)。ex: $('div').height(); / $('div').height(参数);

事件
一、on()方法，针对被选定之元素上绑定一个或多个事件处理函数
->.on(events [,selector][,data], handler);
->.on(events [,selector][,data]);
-events: 设定一个或多个空白隔开的事件名称
-selector: 触发事件的元素。
-data:传递给事件处理程式的资料。
-handler: 事件处理程式。

二、off()，移除事件处理程式，跟on()相反
->.off( events [, selector ] [, handler ] )
->.off()
Ex:
->$('p').off() //移除所有段落的所有事件处理程式
->$('p').off('click', '**') //移除所有段落的click事件处理程式

当我直接点击执行时，可以将背景设为粉红色，但是当我先点击移除时，特效则被移除，再点击执行后则无法让他产生背景设为粉色的变化。

三、ready()用来设定当 DOM已经完全载入并準备好时要执行的函式。
->$(function)
->$().ready(function)
->$(document).ready(function)
EX:

$(document).ready(function() {  // 这里放置需要在 DOM 完全载入后执行的程式码  alert('DOM 已经载入完成!');});

//jQuary3.0 移除了$(document).on(“ready”,handler)