css
http://jquery.cuishifeng.cn
中國人翻譯的(若有bug請見諒)html
http://www.bootcdn.cn
引入jqyery
jquery
jQuery 是什麼: jQuery是一種新的JavaScript庫。 jq是用js寫 能用jq實現的 用js都能實現 js能實現的 jq有些不能實現 $ jQuery 傳字符串選擇器/尖括號標籤的形式/函數/object jq的API只對本身開放 jq不能用js的API js也不能用jq的API
attr 設置/獲取 標籤屬性 removeAttr() addClass removeClass 傳class 移除你傳的那個 沒有 移除所有 toggleClass 有就刪沒有則加 操做class類名 jq js html() innerHTML text() innerText val() value 在jq裏面,設置某個值的時候,通常自帶遍歷 獲取某個值的時候,通常獲取第一個
.css() .width() .height() innerWidth / innerHeight 算了padding outerWidth / outerHeight 算了 padding+border position() 該對象有top /left 屬性 表明到定位父級的 top/left的值 不算 margin 和padding offset() 該對象有top /left 屬性 表明到瀏覽器窗口的 top/left的值
scrollTop scrollLeft 設置/獲取 滾動高度/寬度
添加子元素 能夠是標籤、文本、js對象、jq對象 append prepend appendTo prependTo
添加兄弟元素 after before insertAfter insertBefore
empty 清空子節點 remove 移除本身(不保留數據和事件) detach 移除本身(保留數據和事件)
eq 獲得特定的jq hasClass 檢查當前的元素是否含有某個特定的類,若是有,則返回true。不然返回false children 找兒子 能夠不傳參數 find 不傳參,默認不找 parent 不須要參數 parents(".show")找到名字叫作show的祖先 siblings 不傳參 全部兄弟 傳參 全部兄弟按照參數篩選出合格的
jquery裏面的事件 都是函數形式的,去掉on的那種 原理上事件都是事件綁定的形式而不是賦值的形式 jquery事件綁定、解綁 全部事件的添加都是綁定的形式 能夠經過on來添加事件
不傳參 瞬間顯示隱藏 傳一個數字參數,表明毫秒,改變寬、高、透明度 show hide toggle 默認時間300毫秒 改變透明度 fadeIn fadeOut fadeTo(1000,0.1) 能夠把透明度設置一個值,時間參數不能省略 默認時間300毫秒 改變高度 slideDown slideUp slideToggle 改變高度 這三組,不單單能夠接受一個數字參數,能接受的參數有: * number / string 表明動畫時間(可缺省) 毫秒數 / ("fast" "normal" "slow") * string 表明運動曲線(可缺省) * function 表明回調函數
animate 傳參: * obj 必傳 { }格式表明的變化的屬性和目標值 數值變化 * number/string 可缺省 表明毫秒數 或者 三個預設好的值 默認300 * string 可缺省,表明運動曲線,默認jQuery提供"linear" 和 "swing" * function 可缺省,表明動畫結束後的回調函數
stop 清空動畫隊列,能夠接受兩個布爾值參數 第一個不用管 第二個決定是否瞬間到達隊列終點,true 到 false(默認) 不到