toggle() 依次展示或隱藏某個元素
slideDown() 向下展開
slideUp() 向上卷起
slideToggle() 依次展開或卷起某個元素
引入一個外部js 《script type = "tex/javascript" src = "js/javascript--路徑.js"》《/script》
innerhtml -- 元素里面包含的內(nèi)容魏烫；
樣式用css;用肝箱，逗號隔開稀蟋；
綁定click事件
例如：$('#btn1').click(function(){
// 內(nèi)部的this指的是原生對象
// 使用jquery對象用 $(this)
})
多選框默認(rèn)勾選《input type = "checkbox" id = "check" checked = "checked"》多選
prop 和 attr 的區(qū)別？
prop 專門讀取 true 和 False 的屬性值退客；
attr 是讀取其他的 除了true 和 false 的屬性值；
面試題 ： ready 和 onload 的區(qū)別？
答：jquery 里面的節(jié)點(diǎn)（標(biāo)簽）執(zhí)行好了管闷。。刷允。。
window.onload 頁面渲染都執(zhí)行完后在執(zhí)行window.onload.
ready 比 window.onload 加載的快树灶；
1糯而、html() 取出或設(shè)置html內(nèi)容
// 取出html內(nèi)容
var htm =('#div1').html();
// 設(shè)置html內(nèi)容
$('#div1').html('<span>添加文字</span>');
2、text() 取出或設(shè)置text內(nèi)容
// 取出文本內(nèi)容
var htm =('#div1').text();
// 設(shè)置文本內(nèi)容
$('#div1').text('<span>添加文字</span>');
3熄驼、attr() 取出或設(shè)置某個屬性的值
// 取出圖片的地址
var src =('#img1').attr('src');
// 設(shè)置圖片的地址和alt屬性
('#img1').attr({ src: "test.jpg", alt: "Test Image" }); fadeOut() 淡出 fadeToggle() 切換淡入淡出 hide() 隱藏元素 show() 顯示元素 toggle() 依次展示或隱藏某個元素 slideDown() 向下展開 slideUp() 向上卷起 slideToggle() 依次展開或卷起某個元素("#div1").addClass("divClass2") //為id為div1的對象追加樣式divClass2
("#div1").removeClass("divClass") //移除id為div1的對象的class名為divClass的樣式("#div1").removeClass("divClass divClass2") //移除多個樣式
("#div1").toggleClass("anotherClass") //重復(fù)切換anotherClass樣式(document) //選擇整個文檔對象
('li') //選擇所有的li元素('#myId') //選擇id為myId的網(wǎng)頁元素
('.myClass') // 選擇class為myClass的元素('input[name=first]') // 選擇name屬性等于first的input元素
$('#ul1 li span') //選擇id為為ul1元素下的所有l(wèi)i下的span元素
對選擇集進(jìn)行修飾過濾(類似CSS偽類)
('#ul1 li:first') //選擇id為ul1元素下的第一個li('#ul1 li:odd') //選擇id為ul1元素下的li的奇數(shù)行
('#ul1 li:eq(2)') //選擇id為ul1元素下的第3個li('#ul1 li:gt(2)') // 選擇id為ul1元素下的前三個之后的li
('#myForm :input') // 選擇表單中的input元素('div:visible') //選擇可見的div元素
對選擇集進(jìn)行函數(shù)過濾
('div').has('p'); // 選擇包含p元素的div元素('div').not('.myClass'); //選擇class不等于myClass的div元素
('div').filter('.myClass'); //選擇class等于myClass的div元素('div').first(); //選擇第1個div元素
$('div').eq(5); //選擇第6個div元素
選擇集轉(zhuǎn)移
('div').prev('p'); //選擇div元素前面的第一個p元素('div').next('p'); //選擇div元素后面的第一個p元素
('div').closest('form'); //選擇離div最近的那個form父元素('div').parent(); //選擇div的父元素
('div').children(); //選擇div的所有子元素('div').siblings(); //選擇div的同級元素
('div').find('.myClass'); //選擇div內(nèi)的class等于myClass的元素('#div1') // id為div1的元素
.children('ul') //該元素下面的ul子元素
.slideDown('fast') //高度從零變到實際高度來顯示ul元素
.parent() //跳到ul的父元素诺祸，也就是id為div1的元素
.siblings() //跳到div1元素平級的所有兄弟元素
.children('ul') //這些兄弟元素中的ul子元素
.slideUp('fast'); //高度實際高度變換到零來隱藏ul元素
