對元素進行透明度的設置時，經常用到的有opacity與background -color:rgba()，但兩者有所不同；對比：rgba()和opacity都能實現透明效果，但最大的不同是opacity作用於元素，以及元素內的所有內容的透明度，而rgba()只作用於元素的顏色或其背景色，兩者語法：

opacity(0-1)

background-color:rgba(r,g,b,a)//a 就是透明度 值0-1;

基於兩者的區別與開發時的需求RGBA的方法相對於前者的方法比較實用。

2、 javascript中函數的概念、作用、創建、調用

1.JavaScript的認識。

JavaScript作為一種腳本語言，不同於C++/Java等語言，它更加靈活，但同時也更加令人無奈。JavaScript包括三個部分，分別是Ecmascript，DOM，BOM。Ecmascript是Javascript的標準制作者協會，規定其語法和基本對象，DOM全稱為Document Object Model，顧名思義文檔對象模型，主要針對瀏覽器中的文檔進行操作，BOM全稱為Bowser Object Model，瀏覽器對象模型，主要針對瀏覽器的各個基本屬性如location等。JavaScript中數據的基本類型有數值、字符串、布爾值、undefined、null和Object等，個人認為其中最難學的便是Object類型的操作了，下面針對Object類型中的函數做一些總結。

2.函數的概念作用

面向對象編程思想的特點主要有封裝性、繼承性和多態性，面向對象程序設計離不開函數的封裝，函數的封裝增強了代碼的可讀性，使代碼的結構更加清晰便於理解，另外在不同的需求中方便進行不同的調用。

3.函數的創建

函數的創建大概有3種方式。

① 通過函數的聲明進行創建。如：

Function box(){

Console.log(‘hello‘);

};

Box();

備註：此種方式創建函數默認會有一個返回值，即this，而這個this便是全局對象window。另外函數 的創建必須有函數的調用，否則函數的創建是不會同步執行的。

② 通過函數的表達式進行創建。如：

Var box=function(){

Console.log(‘hello‘);

}

Box();

備註：這種方式創建的函數也必須進行調用，否則函數的創建是不會隨代碼同步執行的，另外函數的 創建必須在函數的調用之前。

③ 定義構造函數。如：

Var fun=new Function();

備註：這種函數創建方式，函數創建的同時可以自己調用。

4.函數的調用

函數的調用主要有4種方式。

【1】作為函數去調用，如 函數名()。

這種函數內部的this指向是window，所以函數內部不能定義window為變量，否則程序會崩潰。

【2】作為方法去掉用。

這種調用方式內部this指向是函數對象本身。如：

Var car={

Color:‘red‘,

Length:‘3‘,

Desc:function(){

Return ‘這輛車是‘+this.color+‘的，長度為‘+this.length+‘米‘;

}

}

Car.desc();

備註：創建的car對象擁有顏色和長度的屬性，同時有自我介紹的方法，這裏的this指向car對象。

【3】使用構造函數調用。

Function car(color,length){

This.color=color;

This.length=length;

}

Var x=new car(‘red‘,‘3‘);

X.color;

備註：構造函數調用創建一個新的對象，該對象繼承構造函數的屬性和方法。

【4】作為函數方法調用函數。

JavaScript中的函數是對象，call()和apply()是該對象擁有的方法，兩個方法都可以調用函數本身，這兩個方法中的第一個參數都是函數本身。如：

Function chengfa(a,b){

Return a*b;

}

Chengfa.call(obj1,10,2);//obj1的返回值為20

備註：函數中a為函數本身即chengfa()，因為call()方法中可以有多個參數，所以b依次為10,2。

Function chengfa(a,b){

Return a*b;

}

arr=[10,2];

Chengfa.apply(obj2,arr);//函數返回值為20。

備註：函數中a為函數本身即chengfa()，b為arr數組。

5.函數的深刻認識。

個人認為：如果想對函數進行更加深入的了解和認識，可能要先了解JavaScript的運行機制，在了解的同時，充分認識函數的執行環境和變量的存儲。

jQuery是一個兼容多瀏覽器的javascript庫，核心理念是write less,do more(寫得更少,做得更多)。

jQuery，顧名思義，也就是JavaScript和查詢（Query），jQuery是免費、開源的。它可以簡化查詢DOM對象、處理事件、制作動畫、處理Ajax交互過程。

1． 引入JQuery

創建一個新的HTML文檔，在</head>結束標簽上邊加

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

這樣的一個標簽，引進JQuery的js文件。

3、 JQuery入門

1. JQuery選擇器是JQuery中最核心的內容，相比較原生JS來說JQuery的中選擇器更加方便更

加簡練，原生JS中選擇器：

document.getElementById(‘box‘);

document.getElementsByTagName(‘div‘);

document.getElementsByClassName(‘box‘);

document.querySelector(‘.box‘);

document.querySelectorAll(‘.box‘);

往往常用的就上述的五種。而JQuery的選擇器：

ID選擇器$("#box");

類名選擇器：$(".box");