您好,登錄后才能下訂單哦!
這篇文章主要講解了“如何查找所有div下的p元素”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“如何查找所有div下的p元素”吧!
Working With Plain Objects(使用普通的對象)
目前,只支持包裹在jQuery中的普通的JavaScript對象是:.data(),.prop(),.bind(), .unbind(), .trigger() 和 .triggerHandler()。使用.data()(或者任何返回.data()的方法),在一個普通的對象會產生一個新的屬性的名為jQuery{randomNumber}(如jQuery123456789)。
// define a plain object
var foo = {foo: "bar", hello: "world"};
// Pass it to the jQuery function
var $foo = $( foo );
// test accessing property values
var test1 = $foo.prop( "foo" ); // bar
// test setting property values
$foo.prop( "foo", "foobar" );
var test2 = $foo.prop( "foo" ); // foobar
// test using .data() as summarized above
$foo.data( "keyName", "someValue");
console.log( $foo ); // will now contain a jQuery{randomNumber} property
// test binding an event name and triggering
$foo.bind( "eventName", function () {
console.log("eventName was called");
});
$foo.trigger( "eventName" ); // logs "eventName was called"
如果.trigger( "eventName" )被使用,它會在這個對象上搜尋一個“eventName的”屬性,并且嘗試任何附加在jQuery上的處理器執行完成后執行。它不檢查該屬性是否是一個函數。為了避免這種情況,.triggerHandler( "eventName" )應代替使用。
$foo.triggerHandler( "eventName" ); // also logs "eventName was called"
例子:
Example: 查找所有 div 下的 p 元素,并為它們加上邊框。
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p>one</p> <div><p>two</p></div> <p>three</p>
<script>
$( "div > p").css("border", "1px solid gray");
</script>
</body>
</html>
感謝各位的閱讀,以上就是“如何查找所有div下的p元素”的內容了,經過本文的學習后,相信大家對如何查找所有div下的p元素這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。