一、jQuery的頂級(jí)對(duì)象 $

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

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

簡(jiǎn)寫(xiě)：

$(function(){ });

$是jQuery的頂級(jí)對(duì)象，相當(dāng)于原生JavaScript中的window，把元素利用$包裝成jQuery對(duì)象，就可以調(diào)用jQuery的方法。

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

二、jQuery 選擇器

1.基本選擇器：

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

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

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

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

2.層次選擇器：

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

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

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

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

3.1過(guò)濾選擇器(重點(diǎn))：

$(“l(fā)i:first”) //第一個(gè)li

$(“l(fā)i:last”) //最后一個(gè)li

$(“l(fā)i:even”) //挑選索引號(hào)為偶數(shù)的li

$(“l(fā)i:odd”) //挑選索引號(hào)為奇數(shù)的li

$(“l(fā)i:eq(4)”) //索引號(hào)等于 4 的li(第五個(gè) li 元素)

$(“l(fā)i:gt(2)”) //索引號(hào)大于 2 的li

$(“l(fā)i:lt(2)”) //索引號(hào)小于 2 的li

$(“l(fā)i:not(#runoob)”) //挑選除 id=“runoob” 以外的所有l(wèi)i

3.2內(nèi)容過(guò)濾選擇器：

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

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

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

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

3.3可見(jiàn)性過(guò)濾選擇器：

$(“l(fā)i:hidden”) //匹配所有不可見(jiàn)元素，或type為hidden的元素

$(“l(fā)i:visible”) //匹配所有可見(jiàn)元素

3.4屬性過(guò)濾選擇器：

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

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

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

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

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

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

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

3.5狀態(tài)過(guò)濾選擇器：

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

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

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

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

4.表單選擇器：

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

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

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

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

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

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

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

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

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

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

總結(jié)

以上是生活随笔為你收集整理的jQuery的顶级对象 $的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。