jquery类型选择器

jQuery 类型选择器

jQuery 类型选择器用于选择特定类型的 HTML 元素，例如 <div>、<p>、<input> 等。以下是常见的使用方法和示例：

基本语法

通过元素标签名直接选择所有匹配的元素：

$("elementType")

示例代码

选择所有 <div> 元素并设置背景颜色：

$("div").css("background-color", "yellow");

选择所有 <p> 元素并隐藏：

$("p").hide();

选择所有 <input> 元素并添加边框：

$("input").css("border", "2px solid red");

结合其他选择器

类型选择器可以与其他选择器组合使用，例如类选择器或 ID 选择器：

$("div.highlight") // 选择所有 class 为 "highlight" 的 div 元素
$("input#username") // 选择 id 为 "username" 的 input 元素

注意事项

• 类型选择器会匹配页面上所有指定类型的元素，使用时需注意性能影响。
• 可以通过上下文参数缩小选择范围，例如：

  $("span", $("#container")) // 选择 #container 内的所有 span 元素

常用类型选择器示例

• $("a")：选择所有 <a> 标签。
• $("button")：选择所有 <button> 元素。
• $("img")：选择所有 <img> 标签。