溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

JQuery常用選擇器,方法,正則表達(dá)式

發(fā)布時(shí)間:2020-09-21 09:05:28 來(lái)源:網(wǎng)絡(luò) 閱讀:1485 作者:尹帥 欄目:web開(kāi)發(fā)


                       JQuer常用選擇器,方法,正則表達(dá)式



JQuer 選擇器


1) 標(biāo)簽選擇器:$(" h4 ")取全部的h3元素          

   層次選擇器:$("#div a ")取div下全部<a>元素

   類選擇器:  $(".title ")取全部class下的title元素

   子選擇器:     $(“ #menu>span ”)選取#menu下的子元素

   I選擇器:     $(" # title")取id 為title 的元素

   后代選擇器:   $(“ #menuspan ”)選取#menu下所有的<span>元素

   相鄰選擇器:  $(" h3+dl" )取緊鄰<h3>元素后的<dl>元素

   同輩元素:    $(“h3~dl”)選取<h3>元素之后所有的同輩元素<dl>

       交集選擇器:     $(“h3.title”)選取所有擁有classtitleh3元素

   全局選擇器:  $("*")選取所有元素


JQuer 基本過(guò)濾選擇器


2 ):first         : $(" li:first ")取全部li 元素中第一個(gè)li 元素

   :last          : $( "li:last" )取全部li  元素中最后一個(gè)li 元素

   :not(three)    : $( "li:not(.thress)")取class不是thress的元素

   :even          : $( "li:even ")取索引是偶數(shù)的全部li 元素

   :odd           :$( "li:odd ")取索引是奇數(shù)的全部li 元素

   :eq(index)     :$( "li:eq(1) ")取索引等于1的li元素

   :gt(index)     :$ ( "liLgt(1) ")取索引大于1的元素

   :lt(index)     :$( "li:eq(1) ")取索引小于1的元素


JQuer常用方法


3)addClass() 向被選中元素添加一個(gè)或多個(gè)類的樣式

   css()為匹配的元素添加css樣式

   Next()獲所匹配元素合中每個(gè)元素其緊鄰的同輩元素

   Click() 觸發(fā)或?qū)⒑瘮?shù)綁定到指定元素的click事件

    show()元素顯示                       Hide()元素隱藏

    fadeIn()元素淡入                                                    fadeout() 元素淡出

         Mouseover() 鼠標(biāo)指針移過(guò)               Mouseout鼠標(biāo)指針移出

    Focus() 獲取焦點(diǎn)                                                    Blur() 失去焦點(diǎn)

          Hover() 鼠標(biāo)懸停                                                    Toggle()鼠標(biāo)連續(xù)點(diǎn)擊

    removeClass()移除樣式                   toggleClass()切換不同元素的類樣式

    Text()獲取或設(shè)置元素的文本內(nèi)容         Val()獲取或設(shè)置元素value屬性值 

    Prev() 取緊鄰匹配元素之前的元素         Html()用于動(dòng)態(tài)的新增頁(yè)面內(nèi)容  

     animate() 用于創(chuàng)建自定義動(dòng)畫(huà)的函數(shù)      Siblings()取位于匹配元素前面和后面的所有同輩元素

    Children()獲取當(dāng)前匹配元素下的所有子元素   find()搜索所有與指定表達(dá)式匹配的元素


JQuer正則表達(dá)式


4)表達(dá)式:一個(gè)字符串代表了某種規(guī)則,其中可以使用某些特殊字符來(lái)代表特殊的規(guī)則


正則表達(dá)式的常用符號(hào)

符號(hào)

描述

/…/

代表一個(gè)模式的開(kāi)始和結(jié)束

^

匹配字符串的開(kāi)始

$

匹配字符串的結(jié)束

\s

任何空白字符

\S

任何非空白字符

\d

匹配一個(gè)數(shù)字字符,等價(jià)于[0-9]

\D

除了數(shù)字之后的任何字符,等價(jià)于[^0-9]

\w

匹配一個(gè)數(shù)字、下劃線或字母字符,等價(jià)于[A-Za-z0-9_]

\W

任何非單字字符,等價(jià)于[^a-zA-Z0-9_]

.

除了換行符之外的任何字符

正則表達(dá)式的重復(fù)字符:

符號(hào)

描述

{n}

匹配前一項(xiàng)n

{n,}

匹配前一項(xiàng)n次,或者多次

{n,m}

匹配前一項(xiàng)至少n次,但是不能超過(guò)m

*

匹配前一項(xiàng)0次或多次,等價(jià)雨{0,}

+

匹配前一項(xiàng)1次或多次,等價(jià)于{1,}

?

匹配前一項(xiàng)0次或1次,也就是說(shuō)前一項(xiàng)是可選的,等價(jià)于{0,1





向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI