jQuery DOM方法是JavaScript中最流行的庫之一。它為操作HTML文檔中的元素和屬性提供了一套簡單易用的接口。jQuery 具有強大的功能,可以讓開發人員輕松地對頁面進行動態操作和效果展示。
$(document).ready(function(){ // 實例化DOM對象 var $btn = $('#myButton'); // 隱藏DOM對象 $btn.hide(); // 顯示DOM對象 $btn.show(); // 添加class樣式 $btn.addClass('btn-primary'); // 移除class樣式 $btn.removeClass('btn-primary'); // 切換class樣式 $btn.toggleClass('btn-success'); // 更改文本內容 $btn.text('點擊我'); // 更改html內容 $btn.html('點擊我'); // 獲取元素的屬性 var btnType = $btn.attr('type'); // 更改元素的屬性 $btn.attr('type', 'submit'); // 添加click事件 $btn.click(function(){ alert('您點擊了按鈕!'); }); // 移除click事件 $btn.off('click'); });
在基于jQuery的項目中,DOM操作成為了非常常見的任務,jQuery 提供了一套強大的API,可以輕松地完成這些任務。以上是一些基本的例子。jQuery DOM方法是一種快捷而簡單的方式來操作HTML DOM元素,它非常容易學習和使用,也是開發人員不可或缺的工具。