選擇器:
? ? ? ? ? ? ? $('#id')? ? 只能選擇一個(gè)對(duì)象
? ? ? ? ? ? ? ?$('.class')? 可以選擇多個(gè)對(duì)象 不用循環(huán)
? ? ? ? ? ? ? ?$('div')? ? 獲取一組元素 不用循環(huán)
? ? ? ? ? ? ? ?$('div','p','span','.class') 群組選擇器
? ? ? ? ? ? ? ?$('oParBox oBox')? 包含選擇器
? ? ? ? ? ? ? ? css: div > p 直接子級(jí)選擇器
? ? ? ? ? ? ? ? ?$('label+input') 兄弟選擇器
? ? ? ? ? ? ? ? $("form ~ input") 同輩元素選擇器
? ? ? ? ? ? ? ? ?$('div:not(.box)')? 否定選擇器
? ? ? ? ? ? ? ? $("input[type='checkbox']") 屬性選擇器
class操作:
? ? ? ? ? ? ? $(this).addClass('box'); 添加一個(gè)class
? ? ? ? ? ? ? ? $(this).addClass('box box2 box3'); 添加多個(gè)class
? ? ? ? ? ? ? ?$(this).removeClass('oldbox'); 刪除一個(gè)class
? ? ? ? ? ? ? ? ?$(this).removeClass(); 刪除所有class
? ? ? ? ? ? ? ? ?$(this).hasClass('box') 判斷是否存在這個(gè)class
? ? ? ? ? ? ? ? ?alert($(this).hasClass('box a')); 多個(gè)class判斷
? ? ? ? ? ? ? ? $(this).toggleClass('box'); 切換class
篩選:
? ? ? ? ? ? ? ? ?eq(索引值); 獲取一組元素中的某一個(gè)
? ? ? ? ? ? ? ? ?first() 獲取一組中的第一個(gè)元素
? ? ? ? ? ? ? ? ? ?last()? 獲取一組中的最后一個(gè)元素
? ? ? ? ? ? ? ? ?chidlren('篩選條件') 獲取一組子元素/如果有參數(shù)这敬,篩選其中的某一個(gè)
? ? ? ? ? ? ? ? ? ?parent(); 父級(jí) 獲取一個(gè)元素
? ? ? ? ? ? ? ? ? ? find("#box") 篩選子級(jí)其中的某些/某個(gè)元素
? ? ? ? ? ? ? ? ? next(); 獲取元素的下一個(gè)兄弟節(jié)點(diǎn)
? ? ? ? ? ? ? ? ? ? prev(); 獲取元素的上一個(gè)兄弟節(jié)點(diǎn)
? ? ? ? ? ? ? ? ? ? siblings(); 獲取元素的同級(jí)元素
? ? ? ? ? ? ? ? ? ? ?contents() 獲取文本對(duì)象
? ? ? ? ? ? ? ? ? ? ?.end() 找回原本的dom節(jié)點(diǎn)
文檔處理:
? ? ? ? ? ? ? ? ? ? ? ? $('p').append 添加子節(jié)點(diǎn)
? ? ? ? ? ? ? ? ? ? ? ? ? $('div').prepend(oP);? 向前添加
? ? ? ? ? ? ? ? ? ? ?after() 在某個(gè)元素之后添加
? ? ? ? ? ? ? ? ? ? ?before() 在某個(gè)元素之前添加
? ? ? ? ? ? ? ? ? ? ? ?$('p').appendTo('div'); 將誰(shuí)添加到誰(shuí)之內(nèi)
? ? ? ? ? ? ? ? ? ? ? $('p').prependTo($('span')); 向前添加 將誰(shuí)添加到誰(shuí)之內(nèi)
? ? ? ? ? ? ? ? ? ? ? insertBefore(); 將誰(shuí)放到誰(shuí)之前
? ? ? ? ? ? ? ? ? ? ? insertAfter(); 將誰(shuí)放到誰(shuí)之后
? ? ? ? ? ? ? ? ? ? ?clone();? 克隆節(jié)點(diǎn)
scrollTop:
? ? ? ? ? ?$(document).scrollTop() 獲取滾動(dòng)條上部的距離
? ? ? ? ? ? $(document).scrollLeft() 獲取滾動(dòng)條左部的距離
? ? ? ? ? ? $('div').width();
? ? ? ? ? ? $('div').height();
? ? ? ? ? ? $('div').outerHeight(); 包含盒子的border在內(nèi)