在使用jQuery選擇器時,我們常常需要引用變量來實現動態操作。這里我們介紹一些常見的方法。
// 1. 使用變量作為選擇器 var mySelector = "#myId"; $(mySelector).hide(); // 2. 使用變量作為選擇器的一部分 var myClass = "myClass"; $("[class="+myClass+"]").show(); // 3. 使用變量作為選擇器的后代元素 var myParent = "#parent"; var myChild = ".child"; $(myParent).find(myChild).css("color", "red"); // 4. 使用變量作為選擇器的兄弟元素 var mySibling = "input[type=checkbox]"; $(mySibling).siblings().fadeOut(); // 5. 使用變量作為選擇器的屬性 var myAttr = "data-toggle"; $("[data-toggle="+myAttr+"]").toggleClass("active"); // 6. 使用變量作為選擇器的多個條件 var myTag = "div"; var myAttr = "data-id"; var myVal = "123"; $(myTag + "[data-id="+myVal+"]").addClass("selected");
以上是常見的使用jQuery選擇器引用變量的方法,不同的情況需要靈活運用。希望對你有所幫助。