Js選擇器總結


一、原生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() 開關**

選擇器的詳細使用方法:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM