如果是想練習(xí)html+css的話，隨便哪個網(wǎng)站都可以，重點是動手開始做。
網(wǎng)站建設(shè)公司,為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計及定制網(wǎng)站建設(shè)服務(wù),專注于成都定制網(wǎng)站,高端網(wǎng)頁制作,對成都小攪拌車等多個行業(yè)擁有豐富的網(wǎng)站建設(shè)經(jīng)驗的網(wǎng)站建設(shè)公司。專業(yè)網(wǎng)站設(shè)計,網(wǎng)站優(yōu)化推廣哪家好,專業(yè)網(wǎng)站推廣優(yōu)化,H5建站,響應(yīng)式網(wǎng)站。
如果是要練習(xí)JavaScript或者jQuery，可以去看看《鋒利的jQuery》這本書，里面對于怎么用jQuery做一個項目寫的很清楚，素材也可以下載到。你可以自己做完jQuery實現(xiàn)，再用JavaScript實現(xiàn)一遍。
網(wǎng)頁鏈接?改網(wǎng)絡(luò)連接是miniui的在線API文檔。
我也沒有視頻給你。
但是 對于MiniUI 和 EasyUI 這種是不需要去看視頻的，只需要多練習(xí)，最多兩天就可以非常熟練得Ctrl + C? 和 Ctrl + V? 了。
我當(dāng)時學(xué)習(xí)的時候就是這樣。你試著去練習(xí)很快就能非常熟練。
script type="text/javascript"
$(document).ready(function(){
//alert("cccccccc");
$("td").each(function(i){
$(this).mousedown(function(){
$("td:nth-child(4n+"+(i%4+1)+")").css({"background-color":["red","green"][i%2]});
});
});
});
/script
發(fā)生沖突了，最好是用css直接控制了，用js反而復(fù)雜了
但是你也許是練習(xí)jquery
你可以判斷下
!DOCTYPE?html
html
head
meta?http-equiv="Content-Type"?content="text/html;?charset=UTF-8"
script?class="jquery?library"?src="/js/sandbox/jquery/jquery-1.8.2.min.js"?type="text/javascript"/script
titleRunJS?演示代碼/title
style
.current{
border:1px?solid?red;
}
/style
script
$(document).ready(function(){
//針對不包含clicked的class的img元素進行切換
//該選擇器是動態(tài)生成的元素，故而需要delegate委派父元素處理
$("body").delegate("img:not([class*='clicked'])","hover",function(){
$(this).toggleClass("current");
});
//?點擊的時候添加一個class是clicked
$("img").click(function(){
//?去除上次點擊的
$("img.clicked").removeClass("clicked").removeClass("current");
//?添加當(dāng)前點擊的
$(this).addClass("clicked").addClass("current");
});?
});
/script
/head
body
img?src="df.jpg"?/
img?src="df.jpg"?/
img?src="df.jpg"?/
img?src="df.jpg"?/
img?src="df.jpg"?/
/body
/html
這個網(wǎng)站自學(xué)HTML和DIV的，初學(xué)者可以也可以看！
這個網(wǎng)站是學(xué)習(xí)jquery的網(wǎng)站，不過建議先學(xué)習(xí)下javascript，有了基礎(chǔ)學(xué)習(xí)jquery就很簡單了
這個是學(xué)習(xí)javascript的教程網(wǎng)站
網(wǎng)上的教程基本上都差不多的，多花點時間練習(xí)代碼就能掌握好的！
1. 基本過濾選擇器
a) ":first"，選取第一個元素，別忘記它也是被放在一個集合里哦！因為JQuery它是DOM對象的一個集合。如，“$("tr:first")”返回所有tr元素的第一個tr元素，它仍然被保存在集合中。
b)“:last”，選取最后一個元素。如，“$("tr:last")”返回所有tr元素的最后一個tr元素，它仍然被保存在集合中。
c)“:not(selector)”，去除所有與給定選擇器匹配的元素。如，“$("input:not(:checked)")”返回所有input元素，但去除被選中的元素（單選框、多選框）。
d)“:even”，選取所有元素中偶數(shù)的元素。因為JQuery對象是一個集合，這里的偶數(shù)指的就是集合的索引，索引從0開始。
e) “:odd”，選取所有元素中奇數(shù)的元素，索引從0開始。
f) “:eq(index)”，選取指定索引的元素，索引從0開始。
g) “:gt(index)”，選取索引大于指定index的元素，索引從0開始。
h) “:lt(index)”，選取索引小于指定index的元素，索引從0開始。
i) “:header”，選取所有的標題元素，如hq、h2等。
j) “:animated”，選取當(dāng)前正在執(zhí)行的所有動畫元素。
2). 內(nèi)容過濾選擇器
它是對元素和文本內(nèi)容的操作。
a) “:contains(text)”，選取包含text文本內(nèi)容的元素。
b) “:empty”，選取不包含子元素或者文本節(jié)點的空元素。
c) “:has(selector)”，選取含有選擇器所匹配的元素的元素。
d) “:parent”，選取含有子元素或文本節(jié)點的元素。（它是一個父節(jié)點）
3). 可見性過濾選擇器
根據(jù)元素的可見與不可見狀態(tài)來選取元素。
“:hidden”，選取所有不可見元素。
“:visible”，選擇所有可見元素。
可見選擇器：hidden 不僅包含樣式屬性 display 為 none 的元素，也包含文本隱藏域 (input type=“hidden”)和 visible:hidden 之類的元素。
4).屬性過濾選擇器
通過元素的屬性來選取相應(yīng)的元素。
a) “[attribute]”，選取擁有此屬性的元素。
b) “[attribute=value]”，選取指定屬性值為value的所有元素。
c) “[attribute !=value]”，選取屬性值不為value的所有元素。
d) “[attribute ^= value]”，選取屬性值以value開始的所有元素。
e) “[attribute $= value]”，選取屬性值以value結(jié)束的所有元素。
f) “[attribute *= value]”，選取屬性值包含value的所有元素。
g) “[selector1] [selector2]…[selectorN]”，復(fù)合性選擇器，首先經(jīng)[selector1]選擇返回集合A，集合A再經(jīng)過[selector2]選擇返回集合B，集合B再經(jīng)過[selectorN]選擇返回結(jié)果集合。
5). 子元素過濾選擇器
一看名字便是，它是對某一元素的子元素進行選取的。
a) “:nth-child(index/even/odd)”，選取索引為index的元素、索引為偶數(shù)的元素、索引為奇數(shù)的元素。
l nth-child(even/odd)：能選取每個父元素下的索引值為偶(奇)數(shù)的元素。
l nth-child(2)：能選取每個父元素下的索引值為 2 的元素。
l nth-child(3n)：能選取每個父元素下的索引值是 3 的倍數(shù)的元素。
l nth-child(3n + 1)：能選取每個父元素下的索引值是 3n + 1的元素。
b) “:first-child”，選取第一個子元素。
c) “:last-child”，選取最后一個子元素。
d) “:only-child”，選取唯一子元素，它的父元素只有它這一個子元素。
6). 表單過濾選擇器
選取表單元素的過濾選擇器。
a) “:input”，選取所有input、textarea、select 和button元素。
b) “:text”，選取所有的文本框元素。
c) “:password”，選取所有的密碼框元素。
d) “:radio”，選取所有的單選框元素。
e) “:checkbox”，選取所有的多選框元素。
f) “:submit”，選取所有的提交按鈕元素。
g) “:image”，選取所有的圖像按鈕元素。
h) “:reset”，選取所有重置按鈕元素。
i) “:button”，選取所有按鈕元素。
j) “:file”，選取所有文件上傳域元素。
k) “:hidden”，選取所有不可見元素。
7).表單對象屬性過濾選擇器
選取表單元素屬性的過濾選擇器。
“:enabled”，選取所有可用元素。
“:disabled”，選取所有不可用元素。
“:checked”，選取所有被選中的元素，如單選框、復(fù)選框。
“:selected”，選取所有被選中項元素，如下拉列表框、列表框。
重慶分公司
重慶分公司
