这篇文章主要讲解了“如何查找所有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元素这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是编程网，小编将为大家推送更多相关知识点的文章，欢迎关注！
