jQuery是一個使用廣泛的JavaScript庫,可以簡化HTML文檔操作、動畫制作、事件處理等各種功能,而且它非常方便獲取DOM元素。本文將介紹如何使用jQuery通過tag獲取DOM。
// 以下是獲取標簽為“div”的所有元素 $( "div" ) // 以下是獲取所有段落(p標簽)的元素 $( "p" ) // 以下是獲取所有class為“intro”的元素 $( ".intro" ) // 以下是獲取所有id為“intro”的元素 $( "#intro" )
以上是通過tag獲取DOM的基本方法,接下來我們再來看一下如何獲取DOM的子元素。
// 以下是獲取id為“myDiv”的元素的子節點 $( "#myDiv > *" ) // 以下是獲取class為“myClass”的元素的后代節點 $( ".myClass *" )
當然,你還可以通過tag篩選,例如獲取id為“myDiv”的元素下所有的段落。
$( "#myDiv p" )
另外,一些常見的標簽也有專屬的獲取方法。例如,獲取表單元素的方法:
// 以下是獲取所有的input元素 $( "input" ) // 以下是獲取所有的選中的checkbox元素 $( "input:checked" ) // 以下是獲取所有的禁用的元素 $( "input:disabled" ) // 以下是獲取所有的文本框元素 $( "input:text" ) // 以下是獲取所有的密碼框元素 $( "input:password" )
以上就是通過tag獲取DOM的方法,相信大家已經掌握了吧。