jQuery的obj是一個(gè)非常有用的對(duì)象。
如果您不熟悉jQuery的obj,那么您可能會(huì)錯(cuò)過一些非常有用的功能。
首先,讓我們看一下obj的定義。
jQuery.fn.extend({ ... obj: function() { return this }, ... });
如果你看到這段代碼,你可能會(huì)稍微有點(diǎn)兒懵。
這是做什么的?
簡(jiǎn)單來說,obj返回的是jQuery對(duì)象中的一個(gè)子集。這個(gè)子集包含了當(dāng)前元素的某個(gè)元素。
$( "div" ).obj();
這些代碼將返回一個(gè)元素的
。
當(dāng)需要操作DOM元素時(shí),obj非常有用。
下面是一個(gè)簡(jiǎn)單的例子:
$(document).ready(function(){ $( "button" ).click(function() { $( "p" ).obj().toggleClass( "highlight" ); }); });
這個(gè)例子演示了如何點(diǎn)擊一個(gè)按鈕來切換一個(gè)
的高亮顯示。
這里有一個(gè)更復(fù)雜的例子:
$(document).ready(function(){ $( "button" ).click(function() { var $divs = $( "div" ).obj(); $divs.each(function() { $( this ).toggleClass( "highlight" ); }); }); });
這個(gè)例子有點(diǎn)復(fù)雜,但是它做的事情是一樣的。它僅僅是用一個(gè)each循環(huán)來切換所有的
元素的高亮顯示。
總結(jié)一下,jQuery的obj是一個(gè)非常有用的對(duì)象。當(dāng)你需要操作DOM元素時(shí),這個(gè)對(duì)象非常有用。