JQuery是一個快速、簡潔的JavaScript庫,它使得處理HTML文檔、事件處理、動畫效果和AJAX變得更加簡單。特別是當你想要操作DOM節點時,JQuery非常方便實用。
$('p') //選取所有的p節點 $('#demo') //選取id為demo的節點 $('[href]') //選取所有有href屬性的節點 $('.intro') //選取所有class為intro的節點
要選擇節點和修改節點內容,可以使用以下代碼:
$('p').text('新的內容') //修改所有p節點的文本內容 $('#demo').html('新的標題
') //修改id為demo的節點的HTML內容 $('input').val('new value') //修改所有input節點的值 $('img').attr('width', '100') //修改所有圖片節點的寬度為100個像素
如果想在頁面中添加節點、刪除節點或復制節點,可以使用以下代碼:
$('#demo').append('新的段落
') //在id為demo的節點中添加一個新的段落節點 $('#demo').remove() //刪除id為demo的節點 $('#demo').clone().appendTo('#anotherdiv') //復制id為demo的節點,并添加到另一個節點中
使用JQuery的DOM節點方法,可以讓你更快速、更方便地對網頁內容進行操作。