重回JS 簡單選擇器(練習)

2021-07-25 03:10:01 字數 789 閱讀 4241

摘要:

1、遮罩

兩個條件:背景色(黑色)+透明度

如:background:#000;opacity:0.3;

注意:遮罩元素的定位

2、去除button標籤的預設樣式

border:none;即可

3、line-height:2 和 line-height:2px 的區別

舉例說明:

.span2意思是行高為字型大小16px的倍

.span2意思是無論字型大小多少,行高固定為2px

4、在事件中獲取某陣列的元素值(重要!)

for(var i=0;ifunction

()}

ps:在ali[i].onclick事件中獲取arr_color陣列中的元素,下標一定不是變數i !!

而是先在大的for迴圈裡新增ali[i].index = i;讓i等價變換ali[i].index,然後在onclick事件中新增var n = this.index;這樣,陣列中的變數i就被等價替換成n,才是正確的,一定要注意!

5、在html裡寫的**是按順序執行的,也就是說,後面的會覆蓋前面的,要注意書寫順序,得到正確的顯示!

jQuery 簡單選擇器

id id選擇器 div 元素選擇器 classname 類選擇器 classname,classname1,id1 組合選擇器 li first 第乙個li li last 最後乙個li li even 挑選下標為偶數的li li odd 挑選下標為奇數的li li eq 4 下標等於 4 的li...

CSS簡單選擇器

選擇器 選中頁面中的元素,並將選擇器後面的樣式 應用到選中的樣式。選中所有的p元素並應用樣式。p.這是乙個p標籤 標籤可以省略,表示選擇所有指定該class屬性值的元素 如果不省略,表示class屬性為該值得特定標籤 將所有class屬性的值為text的元素的顏色設為天藍色 將class屬性的值為t...

表單選擇器,層次選擇器

jquery在大二的時候接觸過,但是做的那個淡入淡出的效果。昨天上的第一堂課,老師說,主要包括類選擇器,昨天下午聽的時候感覺很簡單,但是自己要是做起來,就不是那麼容易了,一開始寫的時候,括號裡面,引用class的時候前面要有個 引用id的時候前面要用 後面要有css樣式的話要.css 屬性 數值,或...