Jquery中的attr()方法是用于設(shè)置或修改HTML元素屬性的值。在attr()方法中,我們通常使用屬性選擇器來匹配需要修改的HTML元素。屬性選擇器是通過在方括號中指定屬性名和屬性值來實現(xiàn)的。
$("selector").attr("attribute=value");
在上述代碼中,“selector”是需要匹配的元素的選擇器,“attribute”是需要修改的屬性名,“value”是需要設(shè)置的屬性值。使用attr()方法時,我們需要注意以下幾點:
- 屬性選擇器可以用來匹配任何屬性,如"id"、"class"、"name"等
- 屬性選擇器中的屬性值可以是精確的值,如"attribute=value",也可以是以某個值開頭或結(jié)尾的值,如"attribute^=value"或"attribute$=value"
- 屬性選擇器中的屬性值可以使用多個條件組合,如"attribute=value1,value2"
下面是一些例子:
//選中HTML中id為example的元素,并將其class屬性設(shè)置為"selected" $("#example").attr("class", "selected"); //選中HTML中所有class為box的元素,并將它們的title屬性設(shè)置為"Box" $(".box").attr("title", "Box"); //選中HTML中所有class為link的元素,并將它們的href屬性分別設(shè)置為"https://www.google.com"和"https://www.baidu.com" $(".link").attr("href", "https://www.google.com, https://www.baidu.com"); //選中HTML中所有name以"firstName"開頭的元素,并將它們的value屬性設(shè)置為"John" $("[name^='firstName']").attr("value", "John");
使用attr()方法,我們可以輕松地修改HTML元素的屬性值。同時,屬性選擇器也為我們提供了更多的靈活性,以適應(yīng)不同的需求。
上一篇jquery a綁定
下一篇兩張圖片疊加css