JQuery是一個強大的JavaScript庫,它的選擇器十分靈活和方便。有時候我們需要在選擇器中使用變量,這樣可以根據變量的不同值來選擇不同的元素。JQuery中創建變量的方式是使用var關鍵字:
var myVar = "someValue";
接下來就可以在選擇器中使用這個變量來選擇元素了。例如,我們想選擇所有class為myClass的元素,但是這個class名字是動態生成的:
var className = "myClass"; $("."+className).css("background-color","red");
上面的代碼中,我們先定義了一個變量className,它的值為"myClass"。然后我們在選擇器中使用了這個變量,它會被替換成實際的class名字。
除了字符串變量,我們還可以使用數值變量或函數返回值作為選擇器。例如,我們可以選擇所有比某個數值大的元素:
var threshold = 10; $("div").filter(function(){ return parseInt($(this).text()) > threshold; }).css("background-color","yellow");
上面的代碼中,我們定義了一個變量threshold,它的值為10。然后我們使用了filter方法,篩選出所有含有文本內容比threshold大的div元素,并設置它們的背景顏色為黃色。
總之,使用變量可以讓我們更加靈活地選擇元素,實現更加動態的效果。當然,我們也需要注意變量的數據類型和作用域,避免出現錯誤。
上一篇jquery選擇器上級
下一篇jquery選擇器 使用