html css js 重要的幾點

box-sizing: border-box; http://zh.learnlayout.com/box-sizing.html

10步掌握CSS定位

文字縱向 line-height

css 文字橫向間距 letter-spacing:2px

display: inline      

display: inline-block

 

jQuery選擇器

 $(「p」)   $(".class")   $("#id")  這幾種均可以實現多選的 $("p, .class, #id")

修改文字 .html(" ");

修改屬性 .attr("xx", "xx");

值得注意的是 $("ance desc") 是得到祖先裏全部的子孫 不管是哪一級的子孫

 

對應的只找下一代的話 用$("parent>child")

同一代 只找下一個元素 $("prev+next")

同一代 找接下來全部要找的元素 $("prev~next")

 

jQuery 過濾器

$(" li:first ")找第一個  $("li:last")找最後一個

$(" li:eq(0) ")至關於:first  注意從0開始

$(" li:contains('haha') ")  li標籤中text文字包含haha的

$(" li:has('label') ")   li標籤中包含label標籤的

$(" p:hidden ") 隱藏起來的p標籤   相反顯示的是 $("p:visible")  關鍵在於display:none

$("li [ attribute = 'value' ]")   相反是 $(li[attribute!='value'])

$("li[title*='果']")  選擇全部title包含‘果’的li標籤

注意區別 $("li:first-child")找到全部處於第一位的li標籤