jquery是一個函數(shù)庫,一個js文件,頁面用script標簽引入這個js文件就可以使用。
jquery屬性操作:
1嘹承、html() 取出或設置html內(nèi)容
取出html內(nèi)容 var $htm = $('#div1').html();
設置html內(nèi)容 $('#div1').html('添加文字');
2、text()取出或設置text內(nèi)容
取出文本內(nèi)容 var $htm = $('#div1').text();
設置文本內(nèi)容 $('#div1').text('添加文字');
3如庭、attr()取出或設置某個屬性的值
取出圖片的地址 var $src = $('#img1').attr('src');
設置圖片的地址和alt屬性 $('#img1').attr({ src: "test.jpg", alt: "Test Image" });
給元素綁定click事件叹卷,可以用如下方法:
$('#btn1').click(function(){
內(nèi)部的this指的是原生對象
使用jquery對象用 $(this) })
特殊效果:
fadeOut() 淡出
fadeToggle() 切換淡入淡出
hide() 隱藏元素
show() 顯示元素
toggle() 依次展示或隱藏某個元素
slideDown() 向下展開
slideUp() 向上卷起
slideToggle() 依次展開或卷起某個元素
jquery對象的方法會在執(zhí)行完后返回這個jquery對象,所有jquery對象的方法可以連起來寫:
$('#div1') id為div1的元素
.children('ul') 該元素下面的ul子元素
.slideDown('fast') 高度從零變到實際高度來顯示ul元素
.parent() 跳到ul的父元素坪它,也就是id為div1的元素
.siblings() 跳到div1元素平級的所有兄弟元素
.children('ul') 這些兄弟元素中的ul子元素
.slideUp('fast'); 高度實際高度變換到零來隱藏ul元素
通過animate方法可以設置元素某屬性值上的動畫骤竹,可以設置一個或多個屬性值,動畫執(zhí)行完成后會執(zhí)行一個函數(shù)往毡。