$("*")
取得所有物件
$("#element")
取得id為element的物件等同於document.getElementById(“element”);
$(".abc")
取得class為abc的物件
$("div")
取得html中所有的div元素
$("#a,.b,p")
取得id為a和class為b以及所有p元素
$("# a .b p")
取得id為a且class為b元素下的p元素
(2)層級物件取得
$("div> input")
取得div下所有input物件
$("div h")
取得緊接在div後的h元素
$("div~p ")
取得所有在元素div之後的p元素
(3)簡單物件取得
$("element:first")
取得頁面上某個元素的第一個如$("div:frist")表示第一個div
$("element:last")
取得頁面上某個元素的最後一個如$("div:frist")表示最後一個div
$("element:not(selector)")
去除所有與選擇器相符的元素如$("input:not(:check )")表示所有未選取的複選框
$("element:even")
取得element元素的偶數行
$("element:odd")
取得元素的奇數行
$("element:eq(index)")
取得特定索引的元素如$("div:el(2)")表示第三個div
$("element:gt(index)")
匹配所有大於給定索引值的元素
$("element:lt(index)")
匹配所有小於給定索引的元素
$(":header")
匹配h標記的元素
$("element:animated")
匹配所有沒有執行動畫效果的元素
(4)內容物件的取得和物件的可見性
$("Element:contains(text)")
元素中的文本是否包含某個字母或字串
$("Element:empty")
取得不包含文字或子元素的元素物件
$("Element:parent")
取得物件元素包含文字或子元素
$("Element:has(selector)")
符合含有某個元素是否包含某個元素如$("p:has(span) ")表示所有包含span元素的p元素
$("Element:hidden")
匹配所有不可見元素,包括display:none 以及input的屬性是hidden的元素
$("Element:visible")
符合所有課件元素
(5)物件取得進階
$("Element[id]")
取得所有帶有id屬性的元素
$("Element[attribute=abcd]")
取得所有某個屬性為abcd的元素
$("Element [attribute!=abcd]")
取得所有某個屬性不為abcd的元素
$("Element[attribute^=ab]")
取得所有某個屬性以ab開頭的元素
$("Element[attribute$=ab]")
得到所有某個屬性以ab結尾的元素
$("Element[attribute*=ab]" )
取得所有含有某個屬性包含ab的元素
$("Element[selector1][selector2][.....]")
符合屬性選擇器如$(" input[id][name][value=abcd]")表示獲得帶有ID、Name以及value是abcd的input元素
(6)子元素的獲取
$("Element:nth-child(index)")
選擇父級下的第N個子元素,索引從1開始
:nth-child(even)偶數
:nth- child(odd)奇數
:nth-child(3n)表達式
:nth-child(2)索引
:nth-child(3n 1)表達式
$(" Element:first-child")
父級下的第一個子級元素
$("Element:last-child")
父級下的最後一個子級元素
$("Element:only-child")
父級下的唯一的一個子級元素
(7)表單物件的取得
$(:input)
只能符合input元素類型為input button select textarea
$(:text)
所有當行文字方塊
$(password)
所有密碼框
$(:radio)
所有單選按鈕
$(:checkbox)
所有複選框
$( :submit)
所有提交按鈕
$(:image)
所有圖片域
$(:reset)
所有儲值按鈕
$(:button )
所有按鈕
$(:file)
所有的檔案上傳域
$(:hidden)
所有不可見元素或type為hidden的元素
$(:enabled)
所有可用input元素
$(:disabled)
所有可用input元素
$(:checked)
所有複選框元素
$(:selected)
所有下拉表
(8)元素屬性的設定與移除
$("Element").attr(name)
取得第一個符合元素的屬性值如$("img").attr("src");
$("Element") .attr({key:value,key:value,......})
一次性設定某一個元素多個屬性
$("Element").attr(key, value)
為某個元素設定屬性
$("Element").attr(key,function)
為所有符合的元素設定一個計算的屬性
$ ("Element").removeAttr(name)
移除某一個屬性

实现方法:1、用“$("img").delay(毫秒数).fadeOut()”语句,delay()设置延迟秒数;2、用“setTimeout(function(){ $("img").hide(); },毫秒值);”语句,通过定时器来延迟。

区别:1、axios是一个异步请求框架,用于封装底层的XMLHttpRequest,而jquery是一个JavaScript库,只是顺便封装了dom操作;2、axios是基于承诺对象的,可以用承诺对象中的方法,而jquery不基于承诺对象。

增加元素的方法:1、用append(),语法“$("body").append(新元素)”,可向body内部的末尾处增加元素;2、用prepend(),语法“$("body").prepend(新元素)”,可向body内部的开始处增加元素。

修改方法:1、用css()设置新样式,语法“$(元素).css("min-height","新值")”;2、用attr(),通过设置style属性来添加新样式,语法“$(元素).attr("style","min-height:新值")”。

在jquery中,apply()方法用于改变this指向,使用另一个对象替换当前对象,是应用某一对象的一个方法,语法为“apply(thisobj,[argarray])”;参数argarray表示的是以数组的形式进行传递。

删除方法:1、用empty(),语法“$("div").empty();”,可删除所有子节点和内容;2、用children()和remove(),语法“$("div").children().remove();”,只删除子元素,不删除内容。

去掉方法:1、用“$(selector).removeAttr("readonly")”语句删除readonly属性;2、用“$(selector).attr("readonly",false)”将readonly属性的值设置为false。

on()方法有4个参数:1、第一个参数不可省略,规定要从被选元素添加的一个或多个事件或命名空间;2、第二个参数可省略,规定元素的事件处理程序;3、第三个参数可省略,规定传递到函数的额外数据;4、第四个参数可省略,规定当事件发生时运行的函数。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

SublimeText3 英文版
推薦:為Win版本,支援程式碼提示!

禪工作室 13.0.1
強大的PHP整合開發環境