一、jQuery的頂級對象 $

$是jQuery的別稱（另一個名字），在代碼中可以使用jQuery代替$,但是一般為了方便，通常都是直接使用 $。

$(document).ready(function(){ });

簡寫：

$(function(){ });

$是jQuery的頂級對象，相當于原生JavaScript中的window，把元素利用$包裝成jQuery對象，就可以調用jQuery的方法。

window.οnlοad=function(){ }

二、jQuery 選擇器

1.基本選擇器：

$("#id") //ID選擇器

$(“div”) //元素選擇器

$(".classname") //類選擇器

$(".classname,.classname1,#id1") //組合選擇器

2.層次選擇器：

$("#id>.classname “) //子元素選擇器

$(”#id .classname “) //后代元素選擇器

$(”#id + .classname “) //緊鄰下一個元素選擇器

$(”#id ~ .classname ") //兄弟元素選擇器

3.1過濾選擇器(重點)：

$(“li:first”) //第一個li

$(“li:last”) //最后一個li

$(“li:even”) //挑選索引號為偶數的li

$(“li:odd”) //挑選索引號為奇數的li

$(“li:eq(4)”) //索引號等于 4 的li(第五個 li 元素)

$(“li:gt(2)”) //索引號大于 2 的li

$(“li:lt(2)”) //索引號小于 2 的li

$(“li:not(#runoob)”) //挑選除 id=“runoob” 以外的所有li

3.2內容過濾選擇器：

$(“div:contains(‘Runob’)”) // 包含 Runob文本的元素；

$(“td:empty”) //不包含子元素或者文本的空元素；

$(“div:has(selector)”) //含有選擇器所匹配的元素

$(“td:parent”) //含有子元素或者文本的元素

3.3可見性過濾選擇器：

$(“li:hidden”) //匹配所有不可見元素，或type為hidden的元素

$(“li:visible”) //匹配所有可見元素

3.4屬性過濾選擇器：

$(“div[id]”) //所有含有 id 屬性的 div 元素

$(“div[id=‘123’]”) // id屬性值為123的div 元素

$(“div[id!=‘123’]”) // id屬性值不等于123的div 元素

$(“div[id^=‘qq’]”) // id屬性值以qq開頭的div 元素

$(“div[id $=‘zz’]”) // id屬性值以zz結尾的div 元素

$(“div[id*=‘bb’]”) // id屬性值包含bb的div 元素

$ (“input[id][name$=‘man’]”) //多屬性選過濾，同時滿足兩個屬性的條件的元素

3.5狀態過濾選擇器：

$(“input:enabled”) // 匹配可用的 input

$(“input:disabled”) // 匹配不可用的 input

$(“input:checked”) // 匹配選中的 input

$(“option:selected”) // 匹配選中的 option

4.表單選擇器：

$(":input") //匹配所有 input, textarea, select 和 button 元素

$(":text") //所有的單行文本框， $ (":text") 等價于 $("[type=text]")，推薦使用

$(“input:text”)效率更高，下同

$(":password") //所有密碼框

$(":radio") //所有單選按鈕

$(":checkbox") //所有復選框

$(":submit") //所有提交按鈕

$(":reset") //所有重置按鈕

$(":button") //所有button按鈕

$(":file") //所有文件域

總結

以上是生活随笔為你收集整理的jQuery的顶级对象 $的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。