一、原生JS選擇器
JS選擇器常用的有getElementById()、getElementsByName()、getElementsByTagName()、getElementsByClassName()、querySelector()、querySelectorAll()
- A: getElementById(ID): 返回對指定ID的第一個對象的引用,如果在文檔中查找一個特定的元素,最有效的方法是getElementById()
- B: getElementsByName(name): 返回文檔中name屬性為name值的元素,因為name屬性值不是唯一的,所以查詢到的結果有可能返回的是一個數組,而不是一個元素。
- C: getElementsByTagName(tagname): 返回文檔中指定標簽的元素
- D: getElementsByClassName():返回文檔中所有指定類名的元素
- E: querySelector():返回文檔中匹配指定css選擇器的第一個元素
- F: querySelectorAll():返回文檔中匹配指定css選擇器的第一個元素
二、jQuery選擇器
內容
基本選擇器有ID選擇器、類選擇器、標簽選擇器、通用選擇器,事件的添加方法如下:
$(...).事件名(function() { });
屬性樣式有:
$(...).css("border","1px solid red")
$(...).css({...})
$(...).css("border")
$(...).attr(屬性名,值)
$(...).html() innerHTML
$(...).text() innerText
$(...).val() value值
$(...).addClass() 增加
$(...).removeClass() 移除
$(...).toggleClass() 開關**