配置jq
<script src="jquery-1.12.4.js"></script>
頁(yè)面加載
js:window.onload=function
jq:$(function(){ }) 或$(document).ready()缸榛;
區(qū)別
window.onload ? ? ? ? ? ? ? ? ? ? $(document).ready() ? ? ? ? ??
只執(zhí)行一次 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? 執(zhí)行多次
所有內(nèi)容音頻咒彤,視頻 ? ? ? ? ? ?? 節(jié)點(diǎn)加載完后執(zhí)行
圖片加載完后執(zhí)行 ? ? ? ? ?
?無(wú)簡(jiǎn)寫(xiě) ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 有簡(jiǎn)寫(xiě)
獲取節(jié)點(diǎn)
? ? ? ? ? ? ? ? ? js ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? jq
document.getElementById() ? ? ? ? ? ? ? ? ?? $("#id") ?? 根據(jù)id獲取
document.getElementsByName() ? ? ? ? ? ?? $(".name") ? 根據(jù)name
document.getElementsByTagName() ? ?? $("標(biāo)簽名") ? 根據(jù)標(biāo)簽名
document.getElementsByClassName() ? ? $("[name='? ']") ? 根據(jù)class屬性
獲取標(biāo)簽內(nèi)容
? ? ? ? js ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? jq
innerHTML ? ? ? ? ? ? ? ? ? ? ? ? ?? html()
innerText ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? text()
獲取樣式
.style.樣式名 ? ? ? ? ? ? ? ? ? ? ? ? ?? css()
document.defaultView.getComputedStyle(cartList,null).display
.currentStyle
獲取value值
.value ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? .val()
獲取屬性
.getAttribute() ? ? ? ? ? ? ? ? ? ? ? ? ?? attr()
賦值
innerHTML= ? ? ? ? ? ? ? ? ? ? ? ? ?? html("")
innerText = ? ? ? ? ? ? ? ? ? ? ? ? ? ?? text("")
.value = ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? .val("")
style.樣式名= ? ? ? ? ? ? ? ? ? ? ? ? ? css("樣式名","樣式值")蕴潦; 多個(gè)? css({"樣式名":"樣式值","樣式名":"樣式值"})?
.setAttribute() ? ? ? ? ? ? ? ? ? ? ? attr("屬性名","屬性值")