jQuery是現(xiàn)今最流行的JavaScript庫之一,它的靈活性和易用性為Web開發(fā)者帶來了極大的便利。其中,addClass()方法是jQuery庫中最為常用的一個方法之一,它可以為選定的元素同時添加一個或多個CSS類名。
$( "li a" ).addClass( "selected" );
在這個例子中,我們可以看到選擇器“l(fā)i a”選定了所有的a標(biāo)簽,接著我們給它們添加了一個名為"selected"的CSS類。可以注意到,addClass()這個方法非常簡潔,并且易于理解。
可以進(jìn)一步的看下這個例子:
$( "#myDiv" ).addClass( function( index, currentClass ) { var addedClass; if ( currentClass === "foo" ) { addedClass = "bar"; } else { addedClass = "foo"; } return addedClass; });
在這個例子中,我們給一個ID為myDiv的div元素添加一個CSS類。我們可以注意到,添加CSS類的方式有所不同,這次我們使用了一個函數(shù),并使用了參數(shù)index和currentClass。這個函數(shù)返回一個新的類名,這個新類名由條件語句加工處理而來。如果myDiv元素沒有類名為"foo",我們添加的類名為"foo"。否則,我們添加了一個類名為"bar"。
總結(jié)一下:
- addClass()方法可以方便的為元素添加一個或多個CSS類名。
- 你可以使用一個回調(diào)函數(shù)添加之前沒被選定的類名。
- addClass()方法易讀,即使JavaScript編程新手也可以看懂它如何被應(yīng)用。它是jQuery庫中最受歡迎的方法之一。