css,js,jquery的載入方式和屬性控制

2022-08-31 12:54:07 字數 1304 閱讀 8280

本文章主要總結了css,js,jquery在編寫程式時的載入方式,與屬性控制方式

html和css共同組成了乙個最基礎的網頁,js為標籤樣式提供動態效果

一,css的載入方式與屬性控制

1.1,css引入html頁面的方式有三種

⦁ 使用標籤的style屬性,在對應標籤內書寫樣式:

,該內聯式載入方式,會直接在檢查元素的時候檢視到,不方便觀察標籤的動態效果(但是內聯式有1000的權重)

⦁ 通過style標籤,在網頁上建立嵌入的樣式表(使用css選擇器選擇對應的標籤)。

⦁ 通過link標籤,鏈結到外部的樣式檔案(工作中使用外鏈式的css樣式,整個專案的css檔案共同放在乙個css資料夾下)

被引入的css檔案中可以直接寫div

操作元素屬性

獲取的頁面元素,就可以對頁面元素的屬性進行操作,屬性的操作包括屬性的讀和寫。

操作元素屬性

var 變數 = 元素.屬性名 讀取屬性

元素.屬性名 = 新屬性值 改寫屬性

屬性名在js中的寫法

1、html的屬性和js裡面屬性寫法一樣

2、「class」 屬性寫成 「classname」

3、「style」 屬性裡面的屬性,有橫槓的改成駝峰式,比如:「font-size」,改成」style.fontsize」

innerhtml

innerhtml可以讀取或者寫入標籤包裹的內容

.....

這是乙個div元素

三,jquery的載入方式和屬性控制

需要在載入js檔案的時候先載入jquery函式庫

再載入用js函式庫jquery編寫的js檔案

在js檔案內部也需要寫載入完再執行的**,由於jquery提供了比js更快速的函式

$(document).ready(function());可簡寫為$(function());

jquery屬性操作

1、html() 取出或設定html內容

// 取出html內容

var $htm = $('#div1').html();

// 設定html內容

$('#div1').html('新增文字');

2、prop() 取出或設定某個屬性的值

// 取出的位址

var $src = $('#img1').prop('src');

// 設定的位址和alt屬性

$('#img1').prop();

css()方法

$("p").css("background-color","yellow");

$("p").css();

iPhone OpenGL ES載入紋理的方法

載入一張名為xiezi.png的紋理 void loadtexture nsinteger texwidth cgimagegetwidth textureimage nsinteger texheight cgimagegetheight textureimage glubyte textured...

mysql的loaddata載入資料的方式

此為mysql新增記錄的最快方式。之所以用到了這種方式,源於乙個採集系統。每天的採集記錄條數達到7kw條。1條條的載入很慢。載入速度跟不上採集速度。所以,採用了這種方式。進入資料庫,敲入 load data local infile d loaddata.txt into table detail ...

php自動載入類,PHP中類的自動載入的方法

類的自動載入是指,在外面的頁面中,並不需要去 引入 類檔案,但是程式會在需要的時候動態載入需要的類檔案。方法1 使用 autoload魔術函式 當程式需要某個類時,就會去呼叫該函式,該函式我們需要自己去定義並在其中寫好載入類檔案的通用語句。需要類是自動呼叫,而且會傳進來乙個類名,這個案例的檔名為21...