jQuery的選擇器的使用

2021-09-10 16:43:31 字數 1783 閱讀 6419

cdn形式,載入伺服器上的jquery檔案

2、在jquery中有乙個$函式 $函式是乙個全域性的函式 $ === jquery這兩者之間是完全相同的 由window進行呼叫

$() 引數中直接寫選擇器

【注】在css中如何選擇元素,在這裡就怎樣去寫元素

在使用之前需要再了解兩個知識點:

1、在js中需要將**寫在window.onload = function(){}中等待頁面載入完成再去執行js**

【注】在jquery中則需要將**寫在$(function())中

2、css()方法中有兩個引數第乙個引數是樣式,第二個引數是樣式的值。

當只寫第乙個引數表示獲取這個樣式的值,兩個引數都寫則是設定樣式

選擇器的使用:

首先我在這裡建立了乙個html檔案,在html檔案中寫了很多的標籤

22222

33333

1、id 選擇器 #+名稱

$(function())
此時會將id為box的背景色設定成綠色

2、類選擇器 .+名稱

3、標籤選擇器

$(function())
4、組合選擇器(多元素選擇器)

$(function())
5、子元素選擇器

$(function())
6、後代選擇器

$(function())
7、屬性選擇器

input[value*=email] value中只要帶email這個關鍵字就會被選中

input[value^=email] value中已email開頭的會被選中

input[value$=email] value中已email結尾的會被選中

$(function())
jquery選擇器的過濾:

$(「li:first」);選中所有li標籤中的第乙個

$(「li:last」);選中所有li標籤中的最後乙個

$(「li:even」);選中所有li標籤中 li集合下標為偶數的

$(「li:odd」);選中所有li標籤中下標為奇數的

( "l

i:eq

(2)"

);選中

所有li

標籤中下

標為2的

也可以寫

成("li:eq(2)");選中所有li標籤中下標為2的 也可以寫成

("li:e

q(2)

");選

中所有l

i標籤中

下標為2

的也可以

寫成(「li」).eq(0);

【注】下標是從零開始的,獲取到的都是jquery物件,jquery物件只能使用jquery的方法,原生js獲取到的物件也只能使用原生js的方法。

第乙個是獲取到的jquery物件。

第二個是通過js獲取到的原生物件。

$(「li:lt(2)」);選中所有li標籤中下標小於2的

$(「li:gt(2)」);選中所有li標籤中下標大於2的

$(「li:not(li:eq(2))」);選中所有li標籤但是排除下標為2的

jQuery 選擇器的使用

jquery的選擇器是css 1 3,xpath的結合物。jquery提取這二種查詢語言最好的部分,融合後創造出了最終的jquery表示式查詢語言。如果你了解css 絕大部分web開發者都用到的 那麼你學起來就很容易了。同時使用css和xpath 看幾個例子 p a hide 顯示頁面的第乙個段落 ...

jQuery 選擇器的使用

checkall click function else jquery的選擇器是css1 3,xpath的結合物。jquery提取這二種查詢語言最好的部分,融合後創造出了最終的jquery表示式查詢語言。如果你了解css 絕大部分web開發者都用到的 那麼你學起來就很容易了。同時使用css和xpat...

jQuery 選擇器的使用

以下為翻譯 jquery的選擇器是css 1 3,xpath的結合物。jquery提取這二種查詢語言最好的部分,融合後創造出了最終的jquery表示式查詢語言。如果你了解css 絕大部分web開發者都用到的 那麼你學起來就很容易了。同時使用css和xpath 看幾個例子 隱藏所有包含有鏈結的段落 p...