07-jQuery

`http://api.jquery.com` jquery官網css

http://jquery.cuishifeng.cn 中國人翻譯的(若有bug請見諒)html

http://www.bootcdn.cn 引入jqyeryjquery

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(默認) 不到
相關文章
相關標籤/搜索