jQuery能做什么
jQuery庫為Web腳本編程提供了通用(跨瀏覽器)的抽象層走触,使得它幾乎適用于任何腳本編程的情形逼纸。jQuery通常能為我們提供以下功能:
- 選擇網(wǎng)頁元素
- 改變結(jié)果集
- 元素的操作:取值和賦值
- 元素的操作:移動
- 元素的操作:復(fù)制、刪除和創(chuàng)建
- 工具方法
- 事件操作
- 特殊效果
- AJAX
jQuery 對象和 DOM 原生對象有什么區(qū)別?如何轉(zhuǎn)化艇炎?
jQuery對象和DOM對象
jQuery對象是一個類數(shù)組對象,DOM對象是文檔節(jié)點.
jQuery對象與DOM對象的轉(zhuǎn)換
jQuery中如何綁定事件腾窝?bind缀踪、unbind、delegate虹脯、live驴娃、on、off都有什么作用循集?推薦使用哪種唇敞?使用on綁定事件使用事件代理的寫法?
jQuery版本1.7后統(tǒng)一使用on/off來綁定和解綁事件
$('button').on('click',function(){
console.log(1);
})
//////使用on綁定事件使用事件代理
$('.ct').on('click','button',function(){
console.log(this)
})
.bind()
方法用于直接附加一個事件處理程序到元素上。在.bind()
綁定事件的時候疆柔,這些元素必須已經(jīng)存在
.unbind()
用于解綁.bind()
.delegate()
動態(tài)綁定事件,基于一個指定的根元素的子集咒精,匹配的元素包括那些目前已經(jīng)匹配到的元素,也包括那些今后可能匹配到的元素
.live()
一種動態(tài)綁定方法旷档,將委托的事件處理程序附加到一個頁面的document元素模叙。有很多限制,比如:不支持鏈式寫法鞋屈,很花費時間范咨,解除綁定時會移除所有通過live添加的事件,已經(jīng)被廢棄
jQuery 如何展示/隱藏元素厂庇?
jQuery的 .hide()
方法可以隱藏元素渠啊,show()
展示元素
toggle()
切換狀態(tài)(隱藏/展示)
jQuery 動畫如何使用?
動畫使用:.animate( properties [, duration ] [, easing ] [, complete ] )
其中properties表示一個CSS屬性和值的對象,動畫將根據(jù)這組對象移動权旷。complete表示動畫完成后執(zhí)行的函數(shù)
$('#clickme').click(function() {
$('#book').animate({
opacity: 0.25,
left: '+=50',
height: 'toggle'
}, 5000, function() {
// Animation complete.
});
});
如何設(shè)置和獲取元素內(nèi)部 HTML 內(nèi)容替蛉?如何設(shè)置和獲取元素內(nèi)部文本?
<body>
<div class= ''box''>
<li>第一行</li>
<li>第二行</li>
<li>第三行</li>
</div>
</body>
獲取炼杖、設(shè)置HTML
獲取灭返、設(shè)置元素text
如何設(shè)置和獲取表單用戶輸入或者選擇的內(nèi)容?如何設(shè)置和獲取元素屬性坤邪?
<input type="text" id="ipt" placeholder="click to input">
設(shè)置熙含、獲取輸入內(nèi)容
獲取元素屬性:
.attr(attributeName)
設(shè)置、增加元素屬性:
attr(attributeName,value)
移除元素屬性:
removeAttr(attributeName)